uni-app打包成H5,与PC不适配的问题
  xWWIIvWK5xQN 2023年11月30日 27 0

既然是写专门的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. },
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

上一篇: less语法汇总 下一篇: 2023ECMAScript更新
  1. 分享:
最后一次编辑于 2023年11月30日 0

暂无评论

推荐阅读
  cB14ff7Kmzpi   2023年12月19日   33   0   0 iosiosgogoCodeCode
xWWIIvWK5xQN