美文网首页
解决安卓手机系统字体放大webview h5 页面乱掉的问题

解决安卓手机系统字体放大webview h5 页面乱掉的问题

作者: noyanse | 来源:发表于2020-11-20 09:49 被阅读0次

    安卓,可解决大部分机型,少部分华为和三星,两边会留白,但页面布局正常,影响较小

    // 我们设置的字体
    const docElFontSize = docEl.style.fontSize.replace(/px/gi, '')
    // 放大后的字体
    const computedFontSize = window.getComputedStyle(docEl)['font-size'].replace(/px/gi, '')
    docElFontSize != computedFontSize && (docEl.style.fontSize = docElFontSize * (docElFontSize / computedFontSize) + 'px')
    console.log('docElFontSize', docElFontSize, computedFontSize)
    

    ios解决办法

     html,body {
        -webkit-text-size-adjust: none!important;
    }
    

    相关文章

      网友评论

          本文标题:解决安卓手机系统字体放大webview h5 页面乱掉的问题

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