uniapp中不常用的一个配置有大用处

该配置在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
rpxCalcMaxDeviceWidthNumber960rpx 计算所支持的最大设备宽度,单位 pxApp(vue2 且不含 nvue)、H5(2.8.12+)
rpxCalcBaseDeviceWidthNumber375rpx 计算使用的基准设备宽度,设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算,单位 pxApp(vue2 且不含 nvue)、H5(2.8.12+)
rpxCalcIncludeWidthNumber750rpx 计算特殊处理的值,始终按实际的设备宽度计算,单位 rpxApp(vue2 且不含 nvue)、H5(2.8.12+)

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注