微信小程序笔记

移动设备的分辨率与rpx

2019-01-14  本文已影响0人  小狐狸ry

分辨率(pt)逻辑分辨率(视觉分辨率)可理解为长度单位

分辨率(px)物理分辨率(物理像素点)

1个pt可以有1个px构成,也可以有2个,还可以有3个甚至更多组成

iPhone6下 2个 px 才构成一个 pt

rpx 的作用

如何做不同分辨率设备的自适应?

1. 以iPhone6的物理像素750X1334为视觉稿进行设计,而在小程序中使用rpx为单位

2. iPhone6下 1px = 1rpx = 0.5pt

3. 使用rpx,小程序会自动在不同的分辨率下进行转换,而使用px为单位不会

为什么要用iPhone6的物理分辨率来做设计图?

iPhone6下 1px = 1rpx

iPhone6 plus 1px = 0.6px

上一篇 下一篇

猜你喜欢

热点阅读