微信小程序-尺寸单位rpx

来源：互联网发布：程序员会将情绪编辑：程序博客网时间：2024/04/19 07:54

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。

Iphone设备相关参数

设备屏幕尺寸分辨率(PT) Reader 分辨率(px) 渲染后 PPI(DPI) iPhone 3GS 3.5寸 320*480 @1x 320*480 空 163 iPhone 4/4S 3.5寸 320*480 @2x 640*960 空 326 iPhone 5/5S/5C 4.0寸 320*568 @2x 640*1136 空 326 iPhone 6/6S 4.7寸 375*667 @2x 750*1334 空 326 iPhone 6P 5.5寸 414*736 @3x 1242*2208 1080*1920 401

pt:逻辑分辨率； pt的大小与屏幕的尺寸有关系，简单可以理解为长度和视觉单位
px指物理分辨率,和屏幕尺寸没关系

pt和px关系

1个pt可以有1个px构成，也可以有2个px,还可以有3个甚至更多
iphone6是由2个px构成的

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

以iphone6的物理像素750*1334为视觉稿进行设计，而在小程序中使用rpx为单位
iphone6下 1px = 1rpx = 0.5pt
使用rpx小程序会在不同分辨率的设备下自动进行转换，而px不会

建议设计团队按iphone6来做设计图,因为
Iphone6 1px=1rpx
Iphone6 plus 1px=0.6rpx
Iphone6换算比较方便。

不是所有的单位都适合rpx，字体不适合rpx,会导致不同设备看不清

0 0