rpx(responsive pixel)响应式像素单位
小程序适配单位 rpx
小程序规定,任何屏幕下宽度为750rpx
不同的手机型号的屏幕宽度不同,小程序会根据屏幕大小计算rpx大小,即一个像素放多少rpx。
例如:最经典的iphone6,屏幕宽度为375px,所以1px=2rpx,100px100px像素的图片,应写成200rpx200rpx
各手机型号屏幕尺寸对应的px以及rpx
设备 | width | px换算rpx | rpx换算成px |
---|---|---|---|
iphone5 | 320px | 1px=2.34rpx | 1rpx=0.42px |
iphone6/7/8 | 375px | 1px=2rpx | 1rpx=0.5px |
iphone6/7/8 Plus | 414px | 1px=1.81rpx | 1rpx=0.552px |