• 设备像素：又叫物理像素，设备分辨率描述的就是这个显示器的宽和高分别是多少个设备像素

    • 设备独立像素：，不缩放的情况下，相当于 css 像素。缩放之后，例如200%，一个 css 像素需要 2*2 的设备像素来显示

      基于这么个场景：例如原先在 1280×720 设备分辨率的显示屏中，显示高度为 12 个设备像素的字体，现在放到设备分辨率为 2560 ×1440 的显示屏中，如果要想得到原先的大小，则需要 24 个设备像素，如果应用程序直接使用设备像素，那么编写应用程序则将变得非常困难，需要编写应用程序逻辑：字体在一些屏幕上高度为 12 个设备像素，在另一些屏幕上却需要 24 个设备像素

    • devicePixelRatio：设备像素 / css 像素