设备像素、设备独立像素、CSS像素

像素

是指在由一个数字序列表示的图像中的一个最小单位，称为像素。

设备像素

设备像素又称物理像素(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 视网膜屏幕而已。