rpx是小程序中的尺寸单位,它有以下特征:
小程序的屏幕宽固定为750rpx,即750个物理像素,1rpx=(screenWidth / 750)px,其中screenWidth为手机屏幕的实际的宽度(单位px)。
例如iphone6的screenWidth=375px,则在iphone6中1rpx=0.5px
在不同设备上rpx与px的转换是不相同的,但是宽度的rpx却是固定的,所以可以使用rpx作为单位,来设置布局的宽高。
开发微信小程序时可以用iPhone6作为视觉稿的标准:
直接以iPhone6的屏幕尺寸(375 × 667) 用作视觉稿尺寸,1PX:0.5rpx, 以 1PX:1rpx的标准,将设计稿尺寸设定 为750×1334 。
refer:
http://www.yiyongtong.com/archives/view-3613-1.html
https://www.cnblogs.com/fps2tao/p/11098204.html
简一商业 原创文章 354获赞 322访问量 56万+ 关注 他的留言板 展开阅读全文