本文探讨了iOS和Android系统中Web字体放大的不同处理方式。在iOS上，可通过设置-webkit-text-size-adjust属性调整，而在Android的webview中，字体放大是通过setTextZoom(int)并在CSS解析后对字体大小进行缩放。解决方案是利用JavaScript检测并适配字体缩放，以确保在不同平台上rem布局的正确显示。代码应放置在页面开始处，以避免闪烁问题。
iOS
iOS上需要调整 webview 的字体大小时，是通过给 body 设置 -webkit-text-size-adjust 属性实现的
所以可以简单粗暴强制100%
-webkit-text-size-adjust:100%!important;
但是不符合需求，既然这样，我们应该可以通过JS取到这个属性：
var body = document.body;
alert(body.getAttribute('style'));
然后相应操作即可
Android
Android通过给 webview 设置字体的缩放来完成，具体的API是setTextZoom(int)。
先在页面来个demo
<div class="s10" style="font-size: 10px;">文字大小10px</div>
根据经验
最低0.47元/天 解锁文章
2794
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
