响应式基础相关知识点

1：性能对移动端非常重要，如果你在移动设备上一味坚持，在转换率后就可能隐藏着性能问题，72%的响应式网站不分屏幕大小都提供相同的字节，响应式降低移动网络连接，不是每个用户都会耐心等网站加载

2：不要总是在CSS中依赖media queries，因为浏览器将会为所有设备加载和解析所有选择器和样式 （后面详细讨论）。这就意味着手机为了一个大屏要下载和解析CSS。因为CSS块的呈现，你要浪费一些时间等待联接成功。
在设备上用JavaScript的matchMedia查询来代替CSS media queries，你知道这些内容是不会变化的。例如，大家都知道iPhone不能动态的转换成iPad的规格，所以我们只在正在需要CSS时才用。