当网页在手机浏览器中显示时，即使两个 <a> 元素使用完全相同的 font-size（如 1rem），也可能因浏览器的自动文本缩放机制而呈现不同大小；启用 text-size-adjust: none 可有效禁用该行为，确保视觉一致性。
当网页在手机浏览器中显示时，即使两个 `mdn 文档），支持现代 chrome、firefox、safari（ios ≥ 9.3）及绝大多数 android 浏览器。若需兼容极旧环境，可添加前缀：
html {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}⚠️ 重要提醒：可访问性权衡
禁用 text-size-adjust 会关闭用户通过系统设置调整网页字体大小的能力（例如 iOS「更大字体」或 Android「字体大小」全局偏好）。因此，强烈建议仅对明确需要严格尺寸控制的 UI 区域（如导航菜单、图标文字、徽标等）局部应用，而非全站粗暴重置。例如：
/* ✅ 推荐：仅约束导航类链接 */
nav a, .menu-item, .footer-nav a {
text-size-adjust: none;
}
/* ❌ 不推荐：全站禁用，损害无障碍体验 */
* {
text-size-adjust: none;
}✅ 验证与调试技巧
- 在真机上打开开发者工具（如 Chrome for Android 远程调试），检查目标 <a> 元素的 Computed 面板，搜索 text-size-adjust，确认其值是否为 none；
- 使用 window.getComputedStyle(el).textSizeAdjust 在控制台动态验证；
- 若仍异常，请排查是否存在父级元素设置了 transform、zoom 或 font-size 百分比继承链干扰（虽非主因，但可能叠加影响）。
归根结底，这不是 CSS 单位失效，而是浏览器主动介入的渲染策略。理解并合理管控 text-size-adjust，是构建跨设备一致 Web UI 的关键一环。
