文章详情页
css - 手机浏览器的兼容问题,微信和其它下载的浏览器打开没有问题,谷歌也测试过,就是手机自带的浏览器有问题。
浏览:86日期:2022-06-24 09:24:33
问题描述
问题如标题所示:
html{font-size: calc(100vw/10.8);}.maskvide{position: fixed;width: 100%;height: 100%;z-index: 200; display: none;background: rgba(0,0,0,.3);}header{height: 1.3rem;background:#033d51;position: fixed; width: 100%;z-index: 101;top:0;}header .logo{width: 3rem; height: 0.75rem;margin-top:0.29rem;margin-left: 0.4rem;float: left; }header .tel {width: 0.88rem;height: 0.81rem; float: right;margin-right: 1.56rem;margin-top: 0.27rem;}.header_box{width: 100%;height: 1.3rem;}
贴出了一部分代码,用的rem还原设计稿做的,手机上的其他浏览器没问题,只有自带的有问题。
问题解答
回答1:谢邀~
网站是开放的吗? 粘出来看看兼容性问题.
只是屏蔽了font-size
图片width设成100%呢
回答3:caniuse.com
标签:
微信
排行榜
