像素

物理像素

指一个设备屏幕实际拥有的像素，物理像素在屏幕出厂时就确定好了，不会发生变化。如我们常见的 1920 * 1080 分辨率和 2560 * 1440 分辨率屏幕，其中的数字代表的就是物理像素的个数。

逻辑像素

设备独立像素，可以理解为计算机系统中的一个坐标点，是由应用程序使用的虚拟像素。通过 DPR，我们可以得知一个逻辑像素占用多少个物理像素。如我们在 CSS 中编写的 100px，就表示 100 个逻辑像素。

DPR

DPR = 物理像素 / 逻辑像素，当 DPR 越高，渲染一个逻辑像素所需的物理像素就越多。