设备像素比dpr

物理像素、设备独立像素、CSS像素

物理像素：指的是终端设备上显示的最小单位，我们可以把这些像素看做是显示器上一个个的点。

设备独立像素：指的是计算机坐标系统中的一个个点，它是独立于设备的用于逻辑上衡量像素的单位。常用dips来表示。

CSS像素：它是一个相对值，不是绝对值，是一个抽象的单位，是一种规范。最终显示是取决于物理设备的。它的显示方式由设备像素比来决定，如1px的CSS像素，在设备像素比为2的设备中，会使用2*2=4个物理像素去显示1px的CSS像素。

设备像素比dpr

window.devicePixelRatio是设备上物理像素和设备独立像素的比例，公式如下：

window.devicePixelRatio=物理像素/dips