HTML文字响应式缩放应使用相对单位+媒体查询或clamp()函数，禁用display:none等“隐藏法”及transform:scale()；需配viewport元标签和html根字体设置。
HTML 文字大小不能靠“隐藏法”实现响应式缩放——所谓“隐藏法”并不存在标准实现，容易误导成用 display: none 或藏 font-size 在不可见元素里读取，这既无效也不可维护。真正可靠、浏览器原生支持的方案是使用相对单位 + 媒体查询，或现代 CSS 的 clamp() 函数。
用 vw 单位让文字随视口宽度等比缩放
把 font-size 设为 vw（viewport width），1vw = 视口宽度的 1%，文字会随窗口拉伸/缩小线性变化：
p {
font-size: 4vw; /* 宽度为 1000px 时 ≈ 40px；320px 时 ≈ 12.8px */
}
⚠️ 注意：纯 vw 缺乏下限控制，小屏下文字可能过小（如 2vw 在手机上仅约 6px），阅读困难；大屏又可能过大。需配合 min-font-size（暂未广泛支持）或用 clamp() 替代。
用 clamp() 实现安全的流体字号
clamp(min, preferred, max) 是目前最推荐的方式，它在最小值和最大值之间按首选值弹性缩放：
立即学习“前端免费学习笔记（深入）”；
