流体排版生成工具
流体排版 / CSS clamp 生成器指根据最小值、理想值与最大值,输出形如 clamp(rem, vw, rem) 的响应式字号或间距表达式的工具。
永久免费本地计算 · 零上传
💡 想整目录批量处理 · 断网可用 · 文件永不离开电脑?进阶能力见 WDLeap 桌面版。
怎么用
- 设定最小与最大字号
- 指定视口区间
- 计算理想斜率值
- 生成 clamp 表达式
典型场景
响应式排版
字号缩放
间距自适应
主题搭建
常见问题
clamp 三个参数含义?
依次为最小值、理想值、最大值,浏览器自动取值。
和媒体查询有何区别?
clamp 连续平滑缩放,媒体查询是断点式跳变。
兼容性如何?
现代浏览器普遍支持 clamp 函数。