ios微信字体乱放大需用-webkit-text-size-adjust:100%、text-size-adjust:100%、-moz-text-size-adjust:100%并加!important作用于body；android微信须通过weixinjsbridge.setfontsizecallback监听menu:setfont重置；viewport必须含width=device-width且避免误配maximum-scale；小字号需用transform或vw绕过ios系统最小12px限制。
iOS微信里字体乱放大，直接用-webkit-text-size-adjust锁死
iOS微信（包括Safari）调整字体时，本质是WebView主动干预font-size渲染，不改布局、只放大文字。它认-webkit-text-size-adjust这个CSS属性，设成100%或none就能关掉自动缩放。
但别只写一个前缀——现代iOS虽主要靠-webkit-，但加上标准属性和-moz-更稳：
body {
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
}
注意两点：一是必须加!important，否则容易被第三方UI库或内联样式覆盖；二是这个规则要作用在body或根级容器上，写在某个div里没用。
常见踩坑：
-
-webkit-text-size-adjust: none在部分旧版iOS微信里会失效，优先用100% - 如果页面用了
rem且根font-size动态计算，这个CSS只管“缩放”，不管“基准值”，得配合JS逻辑一起调
Android微信的字体拦截必须靠WeixinJSBridge回调
Android微信不走CSS路径，而是通过WeixinJSBridge暴露setFontSizeCallback接口强行注入字号。你不主动调用，它就按用户设置渲染；你调了，它才尊重你的默认值。
关键不是“一次性设置”，而是“监听+重置”双保险：
- 页面加载时立即调用
WeixinJSBridge.invoke('setFontSizeCallback', {fontSize: 0})，0代表恢复系统默认字号 - 同时监听
menu:setfont事件，在用户手动点微信右上角“调整字体”时再触发一次重置 - 必须处理
WeixinJSBridgeReady就绪时机——它不是全局立刻可用，得用addEventListener或attachEvent兜底
示例片段（放或顶部）：
(function() {
function handleFontSize() {
WeixinJSBridge.invoke('setFontSizeCallback', {fontSize: 0});
WeixinJSBridge.on('menu:setfont', () => {
WeixinJSBridge.invoke('setFontSizeCallback', {fontSize: 0});
});
}
if (WeixinJSBridge && WeixinJSBridge.invoke) {
handleFontSize();
} else {
document.addEventListener('WeixinJSBridgeReady', handleFontSize, false);
}
})();
viewport写错会让字体适配彻底失效
很多开发者写了-webkit-text-size-adjust和WeixinJSBridge，结果还是乱——八成是<meta name="viewport">被覆盖或写残了。微信X5内核对viewport解析极敏感，尤其老版本。
必须显式声明width=device-width，不能只靠initial-scale=1。以下写法是安全底线：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
但要注意：user-scalable=no在微信8.0+已基本失效，而maximum-scale=1会导致iOS微信中<input>失焦后键盘异常收起。如果只是防字体乱缩放，width=device-width + initial-scale=1足够，其余参数按需谨慎加。
额外提醒：微信还识别<meta name="x5-orientation" content="portrait">，强制竖屏渲染可减少横屏旋转带来的字体重排干扰，尤其对全屏H5有用。
小字号文案绕不开iOS系统最小字体保护
就算你把-webkit-text-size-adjust设成none，iOS微信仍会把font-size: 10px强行渲染成12px——这是系统级限制，CSS和JS都压不住。
真要显示小于12px的辅助文案（比如表单提示、版权信息），只能绕开像素值：
- 用
transform: scale(0.8)缩放整个文字容器，再用transform-origin和translate微调位置，避免偏移 - 改用
vw单位，比如font-size: 2.4vw，在主流手机上能落到10–12px区间，又不受系统截断 - 绝对避免在
<button></button>或<input>上设font-size ，微信会额外放大保证可点击性，反而更乱
最麻烦的是：这个限制只存在于iOS微信，Android微信没有，所以跨平台测试时容易漏掉——必须真机测，模拟器看不出。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
