前端 H5 适配 PC 样式错乱问题请教

16次阅读

共计 251 个字符,预计需要花费 1 分钟才能阅读完成。

环境:vue2 + vant2 + postcss-px2rem 来做的 H5 页面

需求:要将目前 H5 的页面适配 PC,即在微信或者企微环境下打开 H5 的链接,页面样式要和 H5 的一致

做法:给整体添加 max-width 样式,然后将主体页面放在页面中间

问题:目前在微信或者企微打开 H5 的链接时,页面整体样式是错乱的,就向整体放大了一样,有的是某几个地方,有的是整体的页面,但是如果打开浏览器控制台或者调整浏览器窗口(放大或者缩小),这样页面样式就正常了,求各位哥们指教下这是怎么回事?

第一张图是部分放大
前端 H5 适配 PC 样式错乱问题请教
第二张图是整体都放大了
前端 H5 适配 PC 样式错乱问题请教

正文完
 0