该配置在pages.json中,主要是下面这三项。
开发app小程序时可以默认不修改,如果开发web端可以动态设置以适应不能的界面。
"rpxCalcMaxDeviceWidth": 800,
"rpxCalcBaseDeviceWidth": 800,
"rpxCalcIncludeWidth": 800
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"rpxCalcMaxDeviceWidth": 800,
"rpxCalcBaseDeviceWidth": 800,
"rpxCalcIncludeWidth": 800
}
官方说明
https://uniapp.dcloud.net.cn/collocation/pages.html#globalstyle
rpxCalcMaxDeviceWidth | Number | 960 | rpx 计算所支持的最大设备宽度,单位 px | App(vue2 且不含 nvue)、H5(2.8.12+) |
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+) |