响应式 - 基础篇

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、每个

6、媒体查询不是相对于 html 的 font-size，而是相对于浏览器本身。

7、响应式图片：js、服务端、srcset、sizes、picture、svg。【推荐：picture + picturefill.js 兼容库】

8、IE兼容性：Respond、html5shiv

9、Normalize.css