CSS clamp 生成器

如何使用CSS clamp 生成器

CSS clamp 生成器. 输出使用 rem 和 vw。请设置页面根字号。预览模拟所选视口宽度。

1. 调整上方的颜色、文字或数值。
2. 调整设置并比较预览。
3. 复制结果或下载到设备。

CSS clamp 生成器 · 示例

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

使用说明

文件和输入在此浏览器内处理，无需上传或注册账户。

输出使用 rem 和 vw。请设置页面根字号。预览模拟所选视口宽度。