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

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

// 我们设置的字体
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;
}

推荐阅读更多精彩内容