Tool Platform
Workspace

响应式字号 Scale 生成器

动态工具路由来自自动生成的 Tool Registry。

设计工具

响应式字号 Scale 生成器

生成响应式 CSS clamp() 字体比例、设计 token 和标题/正文排版代码。

本地简单运行
运行方式
本地简单运行
标签
cssclampresponsivefluidtypography
工具标识
css-clamp-generator
Worker
无需启用
权限
剪贴板

使用指南

开始使用

设置最小和最大字号及视口范围,生成平滑缩放的 CSS clamp() 排版代码。

使用步骤

  1. 设置基础字号、最小视口和最大视口。
  2. 调整字号缩放比例和步进值。
  3. 复制生成的 clamp() CSS 或设计 Token。

使用例子

  • 生成标题从 32px 到 48px 的平滑缩放。
  • 为设计系统制作响应式排版比例尺。

Loading

响应式字号 Scale 生成器

工具组件加载中。