rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定不管什么样的屏幕,宽度都是750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
建议: 开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。如果设计稿用2倍图,那么用iPhone 6设计搞的标准,量取多少px,直接写多少rpx即可,开发起来方便,也能适配屏幕的宽度。
例如,在微信小程序上,想让一个盒子占据屏幕宽度的一半:
在iPhone 6/7/8手机上:
在iPhone 6/7/8 Plus手机上:
在iPhone 12/13 (pro)上: