上周做了一個原生H5小游戲頁面，使用rem來布局，然后在三星和華為的部分機型里面出現了rem計算出現誤差的情況，截圖如下

在頁面rem計算完成后，用兩種方式獲取font-size。然后結果不一樣，導致某些元素通過rem計算后的值，產生了誤差

修復

通過比較document.documentElement.style.fontSize和window.getComputedStyle(document.documentElement)[“font-size”]的差值，如果誤差大于1，我們就重置html的font-size

var html = document.getElementsByTagName('html')[0];

var settedFs = settingFs = parseInt(html.style.fontSize);

var whileCount = 0;

while(true) {

var realFs = parseInt(window.getComputedStyle(html).fontSize);

var delta = realFs - settedFs;

if (Math.abs(delta) >= 1) //不相等

{

if (delta > 0) settingFs--; else settingFs++;

html.setAttribute('style', 'font-size:'+settingFs + 'px!important');

} else

break;

if (whileCount++ > 100) //之所以弄個100的循環跳出的原因，在于實在無法預判設備是否能計算得到36px，比如設備只能計算35px，37px，這樣會死循環只能跳出了

break

}

參考

AD：【快收錄網】免費收錄

總結

以上是生活随笔為你收集整理的android webview rem,Android部分webview rem计算误差记录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。