在微信小程序官方文档中,自定义了一套 css 标准文件 .wxss。其中新增了一个单位 rpx (可以根据屏幕宽度进行自适应)
文档中定义:屏幕宽度为 750px,设计中依据 iphone6 为标准
1rpx = .5px = 1物理像素
具体:
- rpx全称
RPX 的全称是 responsive pixel,它是小程序自己定义的一个尺寸单位,可以根据当前设备屏幕宽度进行自适应。
小程序中规定,所有的设备屏幕宽度都为 750 rpx,根据设备屏幕实际宽度的不同,1 rpx 所代表的实际像素值也不一样。 - 不同型号手机屏幕宽度,高度对应的rpx。
- 宽度:小程序中规定,所有的设备屏幕宽度都为 750 rpx。
- 高度:750rpx*宽高比。