css - 手机浏览器的兼容问题，微信和其它下载的浏览器打开没有问题，谷歌也测试过，就是手机自带的浏览器有问题。

问题描述

问 题

问题如标题所示：

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还原设计稿做的，手机上的其他浏览器没问题，只有自带的有问题。

解决方案

谢邀~

网站是开放的吗? 粘出来看看
兼容性问题.

只是屏蔽了font-size

这篇关于css - 手机浏览器的兼容问题，微信和其它下载的浏览器打开没有问题，谷歌也测试过，就是手机自带的浏览器有问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！