三种像素的概念

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

设备独立像素：设备独立像素也称为密度无关像素，这个概念可能有点抽象，大家可以这么来理解  iPhone6的尺寸是375X667 这就可以理解为设备独立像素

设备像素比（dpr）:设备像素比简称为dpr，其定义了物理像素和设备独立像素的对应关系。

设备像素比 ＝ 物理像素 / 设备独立像素

css像素：CSS像素是一个抽像的单位，主要使用在浏览器上，用来精确度量Web页面上的内容。一般情况之下，CSS像素称为与设备无关的像素(device-independent pixel)，简称DIPs。在不同的屏幕上，CSS像素所呈现的物理尺寸是一致的，而不同的是CSS像素所对应的物理像素具数是不一致的。在普通屏幕下1个CSS像素对应1个物理像素，而在Retina屏幕下，1个CSS像素对应的却是4个物理像素。