clamp 流畅缩放
clamp() 是字体自适应的现代答案：font-size: clamp(14px, 2vw, 18px) 表示字号在 14~18px 之间随视口流畅变化。小屏不至于看不清，大屏不至于吓人。
原理是“线性插值”：中间值 2vw 超出范围时被钳制到边界。一个页面把标题、正文、间距都换成 clamp，就获得了真正的连续响应。
- clamp(最小, 首选, 最大)：中间超界时钳到两端
- 对字号而言最小值建议 ≥14px（可读性底线）
- 标题、正文、间距都可 clamp，是“连续响应式”的核心
CSS
/* 正文：14 ~ 16px 流畅变化 */ body { font-size: clamp(14px, 3.5vw, 16px); } /* 标题：22 ~ 40px */ h1 { font-size: clamp(1.375rem, 6vw, 2.5rem); } /* 间距也 clamp：紧凑与宽松之间自动呼吸 */ .hero { padding: clamp(1rem, 8vw, 4rem) clamp(1rem, 5vw, 3rem); } /* 容器宽度同理 */ .wrap { width: clamp(280px, 92vw, 960px); }
本节要点clamp = 有底线的自适应：小屏保可读、大屏保美观，一个函数替代一排媒体查询。
