1. CSS像素

CSS分相对单位和绝对单位。
相对单位一般指设备像素(device pixel),一般情况页面缩比为1,1个css像素等于一个设备独立像素，页面缩放时也会影响px的变化。
CSS像素有两个方面的相对性：
1.在同一个设备上，每一个CSS像素所代表的设备像素是可以变化的(分辨率)
2.在不同的设备之间，每一个CSS像素所代表的设备像素是可以变化的(不同手机)
受到以下因素的影响而变化：
1.每英寸像素(PRI)
2.设备像素比(DPR)

2. 设备像素

设备像素(device pixels)，物理像素，指设备能控制的最小物理单位。
一般设备像素点是固定不变的，单位为pt。

3. 设备独立像素

与设备无关的逻辑像素，代表可以通过程序控制使用的虚拟像素，是一个总体概念，包括CSS像素。
可通过window.screen.width/window.screen.height查看

4. DPR

dpr(device pixel ratio)，设备像素比，设备独立像素到设备像素的转换关系，可以通过window.devicePixelRatio获取。
计算公式：DPR=设备像素/设备独立像素
DRP=1，1X1个设备像素=1个CSS像素
DRP=2，2X2个设备像素=4个CSS像素
DPR=3，3X3个设备像素=9个CSS像素

5. PPI

ppi(pixel per inch)，每英寸像素，表示每英寸所包含的像素点数目，更确切的说法应该是像素密度。
屏幕分辨率:X*Y PPI=根号X^2+Y^2 / 屏幕尺寸

6. 总结

无缩放情况下，1CSS像素=1设备独立像素。
设备像素确定后不发生改变，设备独立像素是虚拟单位，会改变。
移动端中，标准屏幕(160ppi)下1个设备独立像素=1个设备像素。
设备像素比(dpr) = 设备像素 / 设备独立像素
每英寸像素(ppi)，值越大，图像越清晰。