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 />标签的前提下。