在uniapp中使用rpx设置自适应宽度
rpx 默认以750rpx作为375px(iPhone678)的基准
所以往往屏幕越大字体越大 为的就是比例一致
那么为什么在电脑上的比例却没有非常大呢
因为存在rpxCalcMaxDeviceWidth,最大支持,将以设备基准宽度375px计算。
下面是三个与响应式有关的属性:
rpxCalcBaseDeviceWidth Number 375 rpx 计算使用的基准设备宽度,设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算,单位 px App(vue2 且不含 nvue)、H5(2.8.12+)
rpxCalcIncludeWidth Number 750 rpx 计算特殊处理的值,始终按实际的设备宽度计算,单位 rpx App(vue2 且不含 nvue)、H5(2.8.12+)
rpxCalcMaxDeviceWidth Number 960 rpx 计算所支持的最大设备宽度,单位 px App(vue2 且不含 nvue)、H5(2.8.12+)
https://uniapp.dcloud.net.cn/collocation/pages.html#globalstyle
rpx 其它相关配置 :
1.HBuilder - 设置 - 编辑器设置 - px转rpx/upx比例
2.rpx/upx小数部分保留长度(特别重要,保留太小,比例会不对)
3.当然你还可以参考以上网页在manifest修改模板基准