用 CSS clamp() 做一套更顺手的响应式字号

响应式排版常见的两种极端，是字号始终固定，或在多个断点突然跳变。CSS 的 clamp() 可以定义一个最小值、理想值和最大值，让数值在范围内流动。

基本写法

中间的 4vw 会随视口变化；左右两端则限制字号不会过小或过大。标题、留白和容器宽度都可以用同样的思路建立弹性范围。

使用时的小提醒

先定义可读的最小和最大值，再观察常见屏幕尺寸下的结果。对正文来说，行长和行高也同样重要；只调字号并不能自动解决阅读体验。