用 Tailwind 任意值实现流式尺寸
Tailwind 允许把任何 CSS 值写在方括号里。由于空格用于分隔类名，值内部的空格要写成下划线，Tailwind 生成 CSS 时会再转换回空格。计算器会自动处理，输出类似 text-[clamp(1rem,0.8333rem_+_0.8333vw,1.5rem)] 的类名。加号两侧的下划线非常重要：CSS 要求数学函数中的 + 和 − 两侧必须有空格。
放进你的主题
任意值类名非常适合一次性的标题。如果同一个尺寸会在很多地方出现，就应该把它放进主题。在 Tailwind v4 中，在 @theme 块里添加 --text-fluid-lg: clamp(…) 这样的变量，就可以在任何地方使用 text-fluid-lg。在 Tailwind v3 中，则把值加入 tailwind.config.js 的 theme.extend.fontSize。
把流式尺寸集中在主题中，就有了唯一的数据来源：设计变化时只需改一行，所有组件都会随之更新。
间距工具类
同样的输出也适用于间距。把计算器切换到间距模式，它会生成 p-[clamp(…)]，你可以按需改成 px-、py-、m-、gap- 或 space-y-。把流式间距与流式字体结合起来，大多数页面在尺寸上就完全不需要响应式前缀了。
常见问题排查
如果 text-[…] 类名没有生效，请检查值中是否包含普通空格，以及 Tailwind 能否在源文件中看到完整的类名，通过字符串拼接得到的类名无法被识别。如果 Tailwind 把该值当成了颜色，请写成 text-[length:clamp(…)] 以明确指定类型。