uni-app打包成H5,与PC不适配的问题
uni-app 2023-04-03 12:34:47

既然是写专门的H5站,那说明希望在pc打开,也是H5的排版,比如一体机上,它是网页打开,但是尺寸是1080 * 1920,在pages.json配置:

这里我配置了1920,是因为网页端还有1920的尺寸

最大宽度是配置了1920,超出两边留白,这个我测了一下,似乎有点变形,但是我这边目前只需要适配1080的宽度,所以这一点留给大家自己在实际项目里测试吧!

JavaScript Code复制内容到剪贴板
  1. "globalStyle": {  
  2.     //...自己的配置  
  3.     "maxWidth": 1920, //当浏览器可见区域宽度大于 maxWidth 时两侧留白,当小于等于 maxWidth 时页面铺满。不同页面支持配置不同的maxWidth。单位 px。  
  4.     "rpxCalcMaxDeviceWidth": 1920,  // rpx 计算所支持的最大设备宽度,单位 px,默认值为 960  
  5.     "rpxCalcBaseDeviceWidth": 375,  // rpx 计算使用的基准设备宽度,设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算,单位 px,默认值为 375  
  6.     "rpxCalcIncludeWidth": 750  // rpx 计算特殊处理的值,始终按实际的设备宽度计算,单位 rpx,默认值为 750  
  7. },  

 

 

 

本文来自于:http://www.yoyo88.cn/study/uniapp/662.html

Powered by yoyo苏ICP备15045725号