表格
理解
屏幕尺寸:是对角线的距离复制代码
pt: 逻辑分辨率 只和屏幕尺寸有关系,是长度和视觉的单位px: 物理分辨率,1个px是一个物理像素点,和屏幕大小没关系,不是一个长度单位复制代码
Reader:1pt 下包含 Reader 个 px1个逻辑分辨率下由reader个像素点构成Reader @2X 已经达到人类视网膜的极限,再增加也不会有好的视觉效果复制代码
PPI:每英寸包含多少个物理像素点计算公式:勾股定理 分辨率平方开根号/屏幕尺寸复制代码
总结:
-
Iphone6(现在大部分设计图都是在Iphone6下进行换算的)下2个px构成一个pt
-
如何做不同分辨率设备的自使用?
# 以iphone6的物理像素750x1334为视觉稿进行设计,而在小程序中使用rpx为单位# iphone6下 1px=1rpx=0.5pt# 使用rpx,小程序会自动在不同的分辨率下进行转换,而使用px单位则不会复制代码
- 为什么要用iphone6的物理分辨率来做设计设计图
iphone6下 1px = 1rpx (好计算) iphone6 plus下 1px = 0.6rpx复制代码