安卓Chrome会自动放大窄容器内无字号文本，需用-webkit-text-size-adjust:none加显式font-size解决。
安卓机网页字体偏大，不是系统“变大了”，而是浏览器（尤其是 Chrome for Android）在特定条件下主动放大文本块——这是为可读性做的自动修正，但常破坏页面布局。它无法通过系统设置关闭，必须在前端用 CSS 干预。
Chrome for Android 的 text-size-adjust 行为
当页面中某段纯文本（无明确 font-size、无包裹容器、宽度较窄）被检测为“可能难读”时，Chrome 会悄悄把该文本的渲染字号放大 1.2–1.5 倍。触发条件常见于：<p>、<div> 或未设 font-size 的内联元素，且其父容器宽度 ≤ 400px（典型小屏断点）。
这个行为不报错、不写日志，仅在真机上可见，开发者工具里看到的 computed font-size 仍是原始值，容易误判为“样式没生效”。
- 只影响文本节点，不影响按钮、输入框等表单控件
- 仅作用于未显式声明
font-size的元素（哪怕设了rem或em也算显式） - 在
viewport缩放正常（initial-scale=1）时最活跃
text-size-adjust: none 的兼容性与写法
标准方案是用 text-size-adjust 属性禁用该自动放大。但它在不同环境表现差异大：
立即学习“前端免费学习笔记（深入）”；
- Chrome for Android ≥ 81：支持
text-size-adjust: none，但需加-webkit-前缀才生效 - Safari iOS：支持
-webkit-text-size-adjust: none，但仅在<meta name="viewport">存在且user-scalable=no时部分生效（iOS 17+ 已弱化此限制） - Firefox Android：不支持该属性，依赖其他手段（如强制设
font-size）
推荐写法（放在全局 <style> 或 reset.css 中）：
* {
-webkit-text-size-adjust: none;
text-size-adjust: none;
}⚠️ 注意：text-size-adjust: none 在部分旧版 WebView（如 Android 4.4 系统 WebView）中会导致整个页面文字不可缩放，影响无障碍访问，慎用于面向老年用户的产品。
更稳妥的兜底策略：显式声明 font-size
比起依赖一个前缀属性，更可靠的做法是「不让浏览器有干预机会」——对所有可能被放大的文本容器，显式设置 font-size：
- 给
<p>、<span>、<div>等通用块/内联元素统一设最小字号，例如font-size: 14px或font-size: 0.875rem - 避免使用
font-size: medium或完全不设，这类关键字或缺失值正是触发自动放大的高危信号 - 若需响应式字号，用
clamp()替代媒体查询，确保每个断点都有确定值：font-size: clamp(14px, 4vw, 16px)
这一招对 Firefox Android 和老旧 WebView 同样有效，且不破坏缩放逻辑，是生产环境首选。
真正麻烦的不是加一行 CSS，而是它只在真机上出问题，又没有控制台提示——上线后用户说“字太大挤出屏幕”，你本地调试却一切正常。所以只要项目跑在安卓 WebView 或 Chrome 移动端，就把 -webkit-text-size-adjust: none 加进基础样式，并补上显式 font-size 容器规则，别省这一步。
