CSS 单位换算与 clamp 生成器

px / rem / em / % / pt 互转，再按最小—最大视口算出 clamp() 流体字号，直接复制就能用，不上传任何数据。

单位换算

px ⇄ rem / em / % / pt 互转。em 与 % 依赖父级字号，这里按「与 root 同字号」计算，实际项目里要注意嵌套。

root 字号（px）

输入（可带单位，如 24px / 1.5rem / 150%）

px—

rem—

em—

%—

pt—

vw（按参考宽度）—

参考视口宽度（px，用于换算 vw）

给出「小屏字号 → 大屏字号」与对应的视口区间，自动算出中间那段线性插值。

最小尺寸

最大尺寸

最小视口（px）

最大视口（px）

输出单位

属性 / 选择器写法

生成结果

—

推导过程（便于排查为什么是这个值）

提示：clamp(最小值, 首选值, 最大值) 里最常用的是 clamp(16px, calc(1rem + 1.2vw), 24px) 这种写法。注意 calc() 里的 + - 两侧必须有空格，vw 不含滚动条宽度，正文最小字号建议不低于 16px 以保证可读性。