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)，值越大，图像越清晰。