美文网首页
解决安卓手机系统字体放大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