像素
是指在由一个数字序列表示的图像中的一个最小单位,称为像素。
设备像素
设备像素又称物理像素(physical pixel),设备能控制显示的最小单位,我们可以把这些像素看作成显示器上一个个的点。
CSS像素
CSS像素是Web编程的概念,独立于设备的 用于逻辑上衡量像素的单位,也就是我们做网页时用到的CSS像素单位,是抽象的而不是实际存在的。获取的是设备分辨率。
设备独立像素
独立于设备的用于逻辑上衡量像素的单位。
又称密度无关像素,可以认为是计算机坐标系统中的一个点,这个点代表一个可以由程序使用并控制的虚拟像素(比如:CSS像素,只是在android中CSS像素就不叫“CSS 像素了”),然后由相关系统转换为物理像素。获取的是设备分辨率。
像素比
window.devicePixelRatio = 设备像素 / 设备独立像素(dips)
分辨率
指屏幕所能显示的像素有多少。屏幕上的点线面都是由像素组成,显示器可显示像素越多,画面就越精细。
PPI
全称是(pixel per inch)翻译下就是每英寸内有多少个像素点,这个像素点指的是设备像素点(物理像素),说得接地气点PPI就是像素密度(pixel density)。
区分理解
我们把设备像素叫做设备光点。
Iphone 5s 使用的是 Retina 视网膜屏幕,什么是Retina视网膜屏幕?PPI 值超过 300 的叫做超高密度屏幕,只是 Apple 给它换了个高大上的名称:Retina 视网膜屏幕而已。