calc() 是响应式字号最可控方案，但需规避浏览器最小字号限制、vw 基准漂移及单位混用问题；推荐优先使用 clamp()，手动 calc() 需确保分母为固定差值且保留空格。
HTML 文字大小不能靠“隐藏招数”绕过 CSS 规则，但 calc() 确实是响应式字号最可控、最实用的动态方案——前提是理解它和 font-size 的配合边界。
为什么直接写 font-size: calc(16px + 2vw) 有时没效果？
常见现象：页面刷新后文字没变大，或在某些设备上突然缩成一团。根本原因不是 calc() 失效，而是浏览器对 font-size 的最小限制（如 Chrome 强制 ≥ 12px）或父容器未设置 width 导致 vw 基准漂移。
-
vw单位基于视口宽度，但若元素被包裹在display: inline或未设宽的div中，计算可能滞后或错位 - 移动端 Safari 对小于
16px的非body文字有可读性干预，会自动放大——这不是 bug，是 UA 样式 -
calc()里混合单位必须合法：不能calc(1em + 1rem)（虽然语法通过，但结果不可控），推荐统一用px和vw或em和%
font-size 用 calc() 的安全写法（含 fallback）
真正可靠的写法不是炫技，而是分层兜底。下面这段能覆盖从 iPhone 到 4K 屏的字号平滑变化：
h1 {
font-size: 18px; /* 最小字号，兼容老浏览器 */
font-size: clamp(18px, 4vw, 36px); /* 推荐：现代标准，IE 不支持 */
/* 或退而求其次 */
font-size: calc(18px + 2 * ((100vw - 320px) / (1920 - 320))); /* 320px→1920px 区间线性插值 */
}
关键点：
