分类导航

viewport预备知识

发布时间：2017年03月16日作者：文章转自网络，版权归原作者所有，反馈可立刻删除 (该文来自笔记，点击查看原文)

dpr === dppx

dpr：device pixel ratio 设备像素比

dppx：Number of dots per px unit 每像素有多少点。 1dppx = 96dpi

dpr = 设备物理像素 / 设备独立像素

设备物理像素指显示在移动端中实际的像素。设备独立像素是css中定义的像素。

比如说iphone4 的 dpr = 2，而此时设置border的宽度为1px（设备独立像素），那么此时设备物理像素为2px。所以在移动端上看到的是2px的边框。

也就是说，n个独立像素 = dpr * m 个物理像素。

window.innerWidth：保存可见视口，也就是屏幕上可见页面区域的大小。移动IE不支持这个属性。