uni-app打包成H5,与PC不适配的问题
既然是写专门的H5站,那说明希望在pc打开,也是H5的排版,比如一体机上,它是网页打开,但是尺寸是1080 * 1920,在pages.json配置:
这里我配置了1920,是因为网页端还有1920的尺寸
最大宽度是配置了1920,超出两边留白,这个我测了一下,似乎有点变形,但是我这边目前只需要适配1080的宽度,所以这一点留给大家自己在实际项目里测试吧!
JavaScript Code复制内容到剪贴板
- "globalStyle": {
- //...自己的配置
- "maxWidth": 1920, //当浏览器可见区域宽度大于 maxWidth 时两侧留白,当小于等于 maxWidth 时页面铺满。不同页面支持配置不同的maxWidth。单位 px。
- "rpxCalcMaxDeviceWidth": 1920, // rpx 计算所支持的最大设备宽度,单位 px,默认值为 960
- "rpxCalcBaseDeviceWidth": 375, // rpx 计算使用的基准设备宽度,设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算,单位 px,默认值为 375
- "rpxCalcIncludeWidth": 750 // rpx 计算特殊处理的值,始终按实际的设备宽度计算,单位 rpx,默认值为 750
- },