viewport

 

ip5为例

未设置viewport时的默认值:视觉视口 和 布局视口

等比例

 

设置viewport后：

<meta name="viewport" content="width=device-width">

 

DevicePixelRadio

window.devicePixelRatio是设备上物理像素（设备真实像素）和设备独立像素（device-independent pixels，即dips//逻辑分辨率的像素就是它）的比例。公式表示就是：window.devicePixelRatio = 物理像素/dips

Android 和 iPhone 中，都有一个占整个屏幕大小的换算单位，Android 中叫 dip 或 dp，iPhone 中叫 point。Dip，就是device independent pixels，设备独立像素。

据我查找到的一些资料显示，这里的独立像素的值其实就是device-width值。这个值也就是我们平时在手机上布局用的宽度，当然是在设置了<meta />标签的前提下。