用uniapp做的H5页面 在大屏幕的安卓机器上运行,就是电影院自动取票机的那种尺寸
其分辨率为1080*1920 我原本的代码在上面运行就显得很小
原因===》

意思就是 rpx这个单位 960像素下可以根据宽度缩放 一旦超过960像素就不起作用了
所以要改===》
page.json 把第一个参数改了就完事
{
"globalStyle": {
"rpxCalcMaxDeviceWidth": 1080, // rpx 计算所支持的最大设备宽度,单位 px,默认值为 960
"rpxCalcBaseDeviceWidth": 375, // rpx 计算使用的基准设备宽度,设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算,单位 px,默认值为 375
"rpxCalcIncludeWidth": 750 // rpx 计算特殊处理的值,始终按实际的设备宽度计算,单位 rpx,默认值为 750
},
}
本文介绍了使用uniapp开发的H5页面在大屏幕安卓设备,如电影院取票机上显示过小的问题。问题根源在于rpx单位在超过960像素宽度后不再自动缩放。解决方案是在page.json中调整适配设置,通过更改第一个参数来解决宽屏适配问题。
1313

被折叠的 条评论
为什么被折叠?



