clamp() 流体计算器

计算流体字号 / 间距，告别媒体查询。

最小尺寸 (px)：16

最大尺寸 (px)：32

最小视口 (px)：375

最大视口 (px)：1280

CSS 输出

clamp(16px, 24px + (32px - 16px) * ((100vw - 375px) / (1280px - 375px)), 32px)

实时预览当前视口：—px

这是一段流体排版文字，随视口宽度平滑缩放。

最小：16px / 最大：32px / 视口：375px → 1280px

· clamp() 会在 min 和 max 之间自动插值

· 中间值 = 基于视口宽度的线性函数

· 浏览器原生支持，无需媒体查询

· 适合字号、间距、容器宽度等流体值