CSS clamp 流式字号
按最小、最大视口线性生成有上下限的流式字号。
按两个视口宽度和字号端点生成线性 CSS clamp。
输入与结果示例
320px 宽时 16px,1280px 宽时 32px;区间内流式变化、区间外限幅。
使用范围与注意事项
- 输入在浏览器本地处理,不上传、不默认保存。
- 以指定根字号将端点转为 rem;根字号改变时效果也会改变,请检查文字缩放。
- 预览使用 iframe 逻辑视口;不模拟系统字体缩放或浏览器内核。
常见问题
能直接保证所有设备适配吗?
不能,工具生成与计算辅助方案;上线前仍需检查目标设备、用户字体设置与目标浏览器。