16–20px 的 clamp() 值
当视口范围为 320px 到 1280px 时，结果是 clamp(1rem, 0.9167rem + 0.4167vw, 1.25rem)。视口每增加 100px，尺寸增加 0.42px：在 768px 的平板上约为 17.9px，在 1024px 时约为 18.9px，从 1280px 起固定为 20px。
首选值由固定的 rem 部分和 vw 部分组成。rem 部分让文字与读者的浏览器字号保持关联，vw 部分负责增长。如果你的布局容器停止变宽的位置更早或更晚，请修改上方的视口字段。
什么时候使用 16px 到 20px
16 到 20px 是内容型网站正文的经典范围。手机上保持浏览器默认的 16px，桌面读者则获得更大的字号，与更长的行长相匹配。博客、技术文档和长篇文章最为受益。
最大值是最小值的 1.25 倍，在 WCAG 1.4.4「调整文字大小」常用的 2.5 倍上限之内，因此浏览器缩放仍能按预期放大这个尺寸。
这些数字是如何算出来的
斜率 =（20 − 16）÷（1280 − 320）= 0.0042，即 0.4167vw。截距 = 16 − 斜率 × 320 = 14.67px，在根字号为 16px 时等于 0.9167rem。这两个数构成 clamp() 的中间参数；第一个和最后一个参数就是换算成 rem 的最小值和最大值。
在项目中使用
把这个值粘贴到 font-size 声明中，存入 --fluid-size 这样的自定义属性，或者使用 Tailwind 类名 text-[clamp(1rem,0.9167rem_+_0.4167vw,1.25rem)]。如果你需要一整套相关的尺寸，字号比例生成器可以用相同的视口范围，围绕基准字号生成各级尺寸。