zoukankan      html  css  js  c++  java
  • 设备像素比(devicePixelRatio)(转)

    设备像素比(devicePixelRatio)(转)

    原文地址:http://www.web-tinker.com/article/20590.html

      设备像素比是物理像素与设备无关像素的比值,单位可以用dppx。它用于描述整个渲染环境在硬件设备上的缩放程度。在程序中可以通过window对象上的devicePixelRatio属性来得到这个值。它是只读的,但不是常量,对浏览器的一些特殊操作会改变这个值。
      首先是对几个概念的解释
      物理像素(physical pixel):设备能控制显示的最小单位。
      设备独立像素(DIP,device-independent pixel,density-independent pixel):独立于设备的用于逻辑上衡量像素的单位。
      每英寸像素量(PPI,pixels per inch):一英寸长度上可以并排的像素数量。
      正常人眼可以识别的分辨率为300PPI,而现在很多设备的分辨率都超过了300PPI。如果设备总是以满分辨率来显示东西就可能造成文字太小,人们看不清。因此像浏览器这样的软件就会对内容做一次放大后再进行渲染,也就是降低分辨率。要降低分辨率就需要让像素这个单位变大,因此PPI的计算不再使用物理像素,而改用设备独立像素。那么设备独立像素和物理像素之间就存在一个比例差异,这就是设备像素比。
      单位dppx(dots per pixel)表示每个DIP占用几个物理像素。或者说,CSS中的单位px在屏幕上占用了多少物理像素。在PC上,这个值通常为1。但浏览器提供了缩放功能,它实际上就是修改设备像素比来实现的,所以调整浏览器的缩放可以看到devicePixelRatio属性的变化。

      这个属性更多时候用于移动设备上,作为物理分辨率的判断依据。

  • 相关阅读:
    java.utils.HashMap数据结构分析(转)
    oracle什么时候须要commit
    CreateFont具体解释
    Java工厂模式
    簡單SQL存儲過程實例
    Cocos2d-x 3.0新引擎文件夹结构
    设计模式之十 适配器模式
    腰围2尺1,2,3,4,5,6,7,8寸各自等于是多少厘米/英寸(对比表)
    iOS 基础函数解析
    内部元素一一相应的集合的算法优化,从list到hashmap
  • 原文地址:https://www.cnblogs.com/everwangJS/p/4506326.html
Copyright © 2011-2022 走看看