小程序尺寸单位rpx
2024-12-25
为了解决屏幕适配问题推出的。px单位不能实现自适应大小。
rpx：是小程序新增的自适应单位，它可以根据不同设备的屏幕宽度进行自适应缩放。
小程序规定任何型号手机：屏幕宽都为 750rpx
开发建议
-
开发微信小程序时设计师可以用iPhone6 作为视觉稿的标准，iPhone6 的设计稿一般是 750px
-
如果用iPhone6 作为视觉稿的标准量取多少px，直接写多少 rpx 即可，开发起来更方便，也能够适配屏幕的宽度。
设计稿宽度是 750px，而iPhone6 的手机设备宽度是375px，设计稿想完整展示到手机中，就需要缩小一倍在iPhone6 下，px 和rpx 的换算关系是：1rpx =0.5px，750rpx =375px，刚好能够填充满整个屏幕的宽度