a-bit-of-pixels

发表于 | 分类于

dips:device independent pixels

当页面设置了

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

的时候，document.documentElement.clientWidth在大部分浏览器下，得到的是布局视区的宽度，等同于dips的宽度。

screen.width

对于screen.width的值：

  • 在iOS视网膜设备上，screen.width返回dips宽。因此，在竖着显示的时候，视网膜显示屏的ipad和非视网膜显示屏的ipad返回的都是768.
  • 在某些Android设备上，screen.width返回的是物理像素宽度

summary

  • devicePixelRatio在大多数浏览器是值得信赖的.
  • 在iOS设备，screen.width乘以devicePixelRatio得到的是物理像素值。
  • 在Android以及Windows Phone设备，screen.width除以devicePixelRatio得到的是设备独立像素(dips)值。

摘自：http://www.zhangxinxu.com/wordpress/2012/08/window-devicepixelratio/