响应式基础相关知识点
2016-06-07 本文已影响56人
贞贞姐
1:性能对移动端非常重要,如果你在移动设备上一味坚持,在转换率后就可能隐藏着性能问题,72%的响应式网站不分屏幕大小都提供相同的字节,响应式降低移动网络连接,不是每个用户都会耐心等网站加载
2:不要总是在CSS中依赖media queries,因为浏览器将会为所有设备加载和解析所有选择器和样式 (后面详细讨论)。这就意味着手机为了一个大屏要下载和解析CSS。因为CSS块的呈现,你要浪费一些时间等待联接成功。
在设备上用JavaScript的matchMedia查询来代替CSS media queries,你知道这些内容是不会变化的。例如,大家都知道iPhone不能动态的转换成iPad的规格,所以我们只在正在需要CSS时才用。