什么是rpx尺寸单位
rpx(responsive pixel)是微信小程序独有的,
用来解决屏适配的尺寸单位。
rpx的实现原理非常简单:
鉴于不同设备屏幕的大小不同,
为了实现屏幕的自动适配,
rpx把所有的屏幕,
在宽度上等分为750份(即:当前屏幕的总宽度为750rpx)。
在较小的设备上,1rpx所代表的宽度较小
在较大设备上,1rpx所代表的宽度较大
小程序在不设备上运行的时候,
会自动把rpx的样式单位换算成对应的像素单位来渲染,
从而实现屏幕适配。
rpx与px之间的单位换算*
在苹果6上,屏幕宽度为375px,
共有750个物理像素,等分为750px。则:
750rpx=375px=750物理像素
1rpx=0.5px=1物理像素
在开发小程序时,用苹果6作为视觉稿标准。