Ps：因为“only”在老的浏览器里识别不到，所以第一段最终为false。
Ps：以上属性都可以添加 min- 或 max- 前缀。
px & em & rem
Ps：em 所谓的相对于父元素是一直在找父元素，直到找到为止。
注意事项
1、自适应原则：宽度百分比（%），高度定死（px），图片等比缩放等。
2、一般情况class命名“-”的形式，id命名首字母小写其他单词首字母大写的驼峰命名法。
3、line-height 不推荐使用 rem，因为在谷歌中文浏览器下会有一个下限的原因，使得 1rem = 12px，而不是 1rem = 10px（前提是 font-size: 62.5%）。
4、把所有尽可能的小图片（图标）放在一个大图里，只要通过截图的css获取即可，为了减少网络请求。
5、每个<li>之间会有个制表符，使得会有个细小的间隙（放大加背景可明显看见），解决方案百度。
6、媒体查询不是相对于 html 的 font-size，而是相对于浏览器本身。
7、响应式图片：js、服务端、srcset、sizes、picture、svg。
8、IE兼容性：Respond、html5shiv
9、Normalize.css
