解决安卓手机系统字体放大webview h5 页面乱掉的问题
2020-11-20 本文已影响0人
noyanse
安卓,可解决大部分机型,少部分华为和三星,两边会留白,但页面布局正常,影响较小
// 我们设置的字体
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;
}