QJSON.CN

CSS clamp 流式字号

按最小、最大视口线性生成有上下限的流式字号。

按两个视口宽度和字号端点生成线性 CSS clamp。

输入与结果示例

320px 宽时 16px,1280px 宽时 32px;区间内流式变化、区间外限幅。

使用范围与注意事项

  • 输入在浏览器本地处理,不上传、不默认保存。
  • 以指定根字号将端点转为 rem;根字号改变时效果也会改变,请检查文字缩放。
  • 预览使用 iframe 逻辑视口;不模拟系统字体缩放或浏览器内核。

常见问题

能直接保证所有设备适配吗?

不能,工具生成与计算辅助方案;上线前仍需检查目标设备、用户字体设置与目标浏览器。