环境:vue2 + vant2 + postcss-px2rem 来做的 H5 页面
需求:要将目前 H5 的页面适配 PC ,即在微信或者企微环境下打开 H5 的链接,页面样式要和 H5 的一致
做法:给整体添加 max-width
样式,然后将主体页面放在页面中间
问题:目前在微信或者企微打开 H5 的链接时,页面整体样式是错乱的,就向整体放大了一样,有的是某几个地方,有的是整体的页面,但是如果打开浏览器控制台或者调整浏览器窗口(放大或者缩小),这样页面样式就正常了,求各位哥们指教下这是怎么回事?
第一张图是部分放大 第二张图是整体都放大了
1
qingshui33 OP |
2
dsggnbsp 201 天前 1
菜鸡:‘但是如果打开浏览器控制台或者调整浏览器窗口(放大或者缩小)’应该是触发 resize 就好了 可以尝试 手动延迟调用一下 resize 打个补丁
|
4
xiyuesaves 201 天前 via Android
rem 计算出错了,你估计用的是窗口宽度而不是容器宽度?
|
5
qingshui33 OP @dsggnbsp #2 wc ,大哥,你简直神了,我下午也有想过这个方法来着,但是可能由于关键词没搜对,导致一直没结果,然后刚刚你提示后,我又搜了下,一下子就出来了 😂
|
6
qingshui33 OP @xiyuesaves 有可能是这个原因,稍后我去看看,不过按照二楼的提示,这个问题是已经解决了😂
|