一直以来,本人对移动端分辨率、像素的概念傻傻分不清,特总结下文,以便日后查看。
一 屏幕分辨率
是指屏幕上垂直方向和水平方向上的像素个数。常见取值 480X800,320X480等
IPhone手机的屏幕分辨率如下图:
二 逻辑分辨率(像素)和物理分辨率(像素)
IPhone手机逻辑像素与物理像素的对应关系如下图:
物理像素
PX:CSS pixels 物理像素
逻辑像素
dp/pt/dip:device independent pixels 设备无关像素(逻辑像素),浏览器使用的抽象单位,只要两个屏幕逻辑像素相同,它们的显示效果就是相同的
设备像素缩放比
dpr: device pixel ratio 设备像素缩放比
物理像素与逻辑像素的关系
pt = dp = dip = px/dpr
(即:逻辑像素 = 物理像素 / dpr)
其中,dpr = ppi/160
计算实例如下:
ip