物理像素与逻辑像素

像素

物理像素

屏幕由N个小方块构成，每个小方块都只能显示一个颜色，而一个小方块，就是一个物理像素。

在不同的设备上，这个小格子的大小是不同的，所以物理像素并不是一个固定大小的单位，只代表一个显示器上的小格子

逻辑像素px

物理像素是硬件开发的单位，大小由硬件厂商设定

逻辑像素，是软件开发的单位，软件相关的工作人员通过逻辑像素来表达软件相关的尺寸

前端css、浏览器显示给开发者的尺寸、UI设计师给出的UI稿。其尺寸都是逻辑像素

像素比DPR

像素比=物理像素/逻辑像素

像素比就是物理像素与逻辑像素的比值，即当前设备将通过几个物理像素点来绘制一个逻辑像素点

分辨率

物理分辨率

物理像素点的总数即为物理分辨率

逻辑分辨率

逻辑像素点的总数即为逻辑分辨率

参考

https://juejin.cn/post/7190723647030427708

https://github.com/jawil/blog/issues/21