像素

物理像素

物理像素也是设备像素，他是显示设备中一个最微小的物理部件，每个像素可以根据操作系统设置自己的颜色和亮度。

css 像素

css像素是一个抽象的单位，主要使用在浏览器上，用来精确度量web页面上的内容，一般情况下，css像素称为设备无关的像素 device-independent pixel DIPS
设备独立像素跟屏幕密度有关，device independent pixels dip可以用来辅助区分视网膜设备还是非视网膜设备。

设备独立像素

设备独立像素称为密度无关像素，可以认为是计算机坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素（比如css像素）然后由系统转为物理像素。

设备像素比 device pixel ratio

设备像素比简称为dpr, 其定义了物理像素和设备独立像素的对应关系

设备像素比 dpr = 物理像素 / 设备独立像素

可以通过window.devicePixelRatio 获得当前设备的设备像素比，在css 中可以通过
-webkit-device-pixel-ratio 和 -webkit-min-device-pixel-ratio 和 -webkit-max-device-pixel-ratio 进行媒体查询，对不同的设备做适配。

iphone6 的设备宽度和高度为375pt和667pt， 可以理解为设备的独立像素，iPhone6的设备像素比device pixel ratio 为2， 设备像素比 = 物理像素 / 设备独立像素 ，可以得到物理像素为 750pt 和 1334pt,