流式字号 clamp 生成器
按两组字号和视口宽度生成 CSS clamp()；使用 rem 上下界，并可设定根字号假设。
浏览器本地处理输入字号与视口输出CSS
- 1添加输入
- 2调整设置
- 3获取结果
工具输入和文件在当前浏览器处理，不会上传。
开始之前
输入字号开始和结束变化时的视口宽度，生成 CSS 并核对两端字号。px 转 rem 采用你填写的根字号。
如何使用
- 输入小屏和大屏字号及其视口宽度；设计采用非 16px 根字号时修改根字号假设。
- 生成 CSS，核对起点、中点和终点的字号。
- 复制或下载 CSS，在目标页面的窄屏、宽屏及浏览器缩放状态下测试。
支持范围与限制
px 转 rem 使用固定根字号假设；若网站根字号随视口变化，实际断点也可能移动。
rem/vw 的 clamp 不等于无障碍通过；请在目标页面检查浏览器缩放、文字放大与重排。
输入仅在此浏览器中处理，无需注册。
操作示例
示例输入
{"min":16,"max":32,"from":375,"to":1440,"root":16}示例参数
{"min":16,"max":32,"from":375,"to":1440,"root":16}示例输出
font-size: clamp(1rem, calc(0.64788732rem + 1.50234742vw), 2rem);
出现问题时
请确认大字号和终点视口均高于起点；根字号应在 8–32px，并在目标页面核对生成的 CSS。
常见问题
根字号会影响什么？
输入的像素字号与流式偏移会按根字号换成 rem。在该假设下，所选视口宽度对应所选字号；如果网站更改根字号，精确断点可能移动。
生成结果符合 WCAG 文字放大要求吗？
结果只是起点，不是合规结论。最大值采用 rem，但 vw 项和页面布局仍可能限制文字放大。请在目标页面测试 200% 缩放和重排。
能计算随视口变化的根字号吗？
不能。本工具只使用一个固定根字号假设；根字号随视口变化时，应在实际 CSS 中逐段计算并测试。
输入会发送到服务器吗？
不会。计算在此浏览器中完成；关闭标签页前请保存需要的 CSS。