美文网首页
Android部分webview rem计算误差记录

Android部分webview rem计算误差记录

作者: Pretend_ebb0 | 来源:发表于2019-01-07 19:21 被阅读0次

开发webapp过程中 发现安卓某些机型 rem 计算有误差 目前仅发现 三星s7 s8 等曲面屏手机存在该问题
下面记录解决方案

document.documentElement.style.fontSize=document.documentElement.offsetWidth/7.5+"px";
var html = document.getElementsByTagName('html')[0];
var settedFs = parseInt(html.style.fontSize); 
var realFs = parseInt(window.getComputedStyle(html).fontSize);
var whileCount = 0;
        
        
while(true) {
    var realFs = parseInt(window.getComputedStyle(html).fontSize);
    var delta = realFs - settedFs;
    console.log(settedFs,realFs)
    if (Math.abs(delta) != 0) //不相等
    {
        html.setAttribute('style', 'font-size:'+settedFs *(settedFs/realFs) + 'px!important');
                //settedFs/realFs 计算比实际值小N倍  然后在原基础上在放大N倍
    } else 
        break;
                
    if (whileCount++ > 100) //为了避免死循环
        break
}

相关文章

网友评论

      本文标题:Android部分webview rem计算误差记录

      本文链接:https://www.haomeiwen.com/subject/gpwyrqtx.html