📐 CSS clamp() 流式计算器

流体排版公式生成，告别断点媒体查询

最小视口宽 (px)

最大视口宽 (px)

最小字号 (px)

最大字号 (px)

根字号 1rem = (px)

CSS 属性

输入两端字号与视口宽度后计算

↓ 生成公式

实时预览（按视口缩放，当前窗口 --px）

流式排版 Fluid Typography

📐 流体排版

线性插值生成 clamp() 三段式公式。

公式推导断点对照表实时预览rem+vw 混合

💡 公式原理

斜率 slope = (最大字号 − 最小字号) / (最大视口 − 最小视口)
截距 intercept = 最小字号 − slope × 最小视口
clamp(最小值, intercept·rem + slope·100vw, 最大值)

✨ 绘萤者

以萤火之光，绘万千想象

完全免费开源精神极客风范协作共创

绘萤者——探索真正的互联网精神，创造更有意义的互联网。