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

圖片width設成100%呢

caniuse.com