CSS clamp 流体字号生成器

根据最小/最大视口宽度与对应字号,自动计算并生成 CSS clamp() 函数,实现随视口平滑缩放的响应式流体字体,无需媒体查询。免费在线使用,浏览器本地运行,无需安装。

快速预设
px
px
px
px
px
输出单位:
CSS font-size
预览效果 视口: — px
流体排版让字体随视口平滑缩放,无需媒体查询断点。Fluid typography scales smoothly with the viewport.
当前字号: —
320px 拖动滑块模拟视口宽度 1280px
斜率 (vw)
截距
字号范围