移动端设备的几个定义

物理像素

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

设备独立像素

即 密度无关像素
计算机坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素（比如说CSS像素），然后由相关系统转换为物理像素。

css像素（DIPs）

css像素是一个抽象的单位，主要使用在浏览器上，用来精确度量web页面上的内容，一般情况下，css像素称为与设备无关的像素（device-independent pixel），简称 DIPs。

屏幕密度（PPI）

指一个设备表面上存在的像素数量，它通常以每英寸有多少像素来计算。

设备像素比（dpr）

定义了 物理像素和设备独立像素的对应关系。
设备像素比 = 物理像素 / 设备独立像素