在线转换工具

CSS clamp 生成器

按最小最大字号和视口宽度生成流式 CSS clamp。

浏览器内转换 · 无需注册

输入单位为 px，字号不得递减且视口宽度须递增，输出使用线性 vw 项插值。

每项输入最多 100,000 个 UTF-16 单元，结果最多 1,000,000 个。支持格式和示例见下方说明。

使用方法

  1. 按最小最大字号和视口宽度生成流式 CSS clamp。
  2. 选择转换方式或选项，然后执行。
  3. 检查结果后复制或下载 TXT 文件。

示例

16→24 px at 320→1280 px → clamp(16px, 13.333333px + 0.833333vw, 24px)

功能与限制

输入单位为 px，字号不得递减且视口宽度须递增，输出使用线性 vw 项插值。

文本在浏览器本地处理，不会发送至转换服务器。

FAQ

CSS clamp 生成器 — 支持哪些输入，有什么限制？

输入单位为 px，字号不得递减且视口宽度须递增，输出使用线性 vw 项插值。

格式参考资料

工具页面更新日期：