在WXSS中,引入了rpx(responsive pixel)尺寸单位。引用新尺寸单位的目的是,适配不同宽度的屏幕,开发起来更简单。
以上是《小程序开发指南》中对rpx的介绍。
rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。
以上来自https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html。 也就是说,对于任意屏幕大小的设备,其屏幕宽度都为750rpx。如果定义一个宽为375rpx的元素,这个元素的宽就正好是屏幕的一半。而对于屏幕像素宽度不同的设备,rpx和px的换算比例是不同的。
在文档中,有以下建议:
建议: 开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。
但是为什么推荐以iPhone6作为标准呢?