什么是CSS clamp() 计算器？
CSS clamp() 计算器根据最小、最大视口与对应字号，算出线性插值的 clamp 表达式，并列出各常见视口下的实际字号。使用 rem 作为界限，计算在浏览器本地完成。
怎么用CSS clamp() 计算器？
- 1填写最小与最大视口宽度（常用 375 与 1440）。
- 2填写这两个视口下期望的字号。
- 3复制生成的 clamp() 表达式。
- 4对照下方各视口的实际字号，确认过渡是否合理。
常见问题
clamp() 相比媒体查询有什么好处？+
媒体查询是阶梯式跳变，在断点附近字号会突然变化；clamp() 是连续线性变化，任意宽度下都协调，而且一行代码替代多组断点，维护成本更低。
为什么界限要用 rem 而不是 px？+
因为用 px 会让字号完全无视用户在浏览器里设置的默认字号，属于无障碍缺陷。用 rem 表示上下界，用户放大默认字号时排版会跟着放大，同时 vw 部分仍然负责随视口的平滑变化。
会不会导致字体在极端宽度下过大过小？+
不会，这正是 clamp 的作用：小于最小视口时锁定在最小值，大于最大视口时锁定在最大值。中间才做线性插值，因此不需要额外的兜底媒体查询。