解决安卓手机系统字体放大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;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容