# 逻辑像素
css和js中以像素(px)为长度单位，px就是一种逻辑像素，它是一种相对单位，相对的是设备的物理像素。
# 物理像素
- 显示屏是有一个个点组成的，通过控制点的颜色来显示图像。
- 而这些点就是物理像素。
- 1物理像素 = 1pt = 1/72英寸，1英寸等于2.54厘米。
# 设备像素比 Dpr
表示该用多少个物理像素来显示1逻辑像素。 公式：设备像素比(dpr) = 物理像素/逻辑像素。
- 大多数旧设备的显示屏Dpr是1，但现在高清屏已经非常普及了。
- 高清屏的原理是在同一块大小的屏幕内放置更多的物理像素点（这意味着压缩了物理像素点之间的距离），使用更多的物理像素点来显示1逻辑像素，这样显示就变得更加细腻。
- 所以高清屏的Dpr有2和3等值
# 像素密度 PPI
该值表示每英寸内放置多少个物理像素点。（点之间是有距离的）