微信小程序- 移动设备的分辨率与rpx

表格

理解

屏幕尺寸：是对角线的距离

复制代码

pt： 逻辑分辨率 只和屏幕尺寸有关系，是长度和视觉的单位
px： 物理分辨率，1个px是一个物理像素点，和屏幕大小没关系，不是一个长度单位

复制代码

Reader：1pt 下包含 Reader 个 px
1个逻辑分辨率下由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
复制代码