基本概念
- 物理像素:在设备一生产出来后就确定的像素称作 物理像素 ,也叫 设备像素(device pixels),简称 dp 。
-
- 固定不变,由屏幕硬件决定
- 例如:iPhone 14 Pro的屏幕是 1179 × 2556 物理像素
- 物理像素密度越高,显示越清晰
- 逻辑像素:逻辑像素是开发时使用的抽象单位,用于统一不同设备的显示效果。
-
- 与设备无关的抽象单位
- 同样的逻辑像素在不同设备上显示大小相近
- CSS 中的 px 就是逻辑像素
- 设备像素比:物理像素 / 逻辑像素
rpx单位
小程序中的一种逻辑像素单位。可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。