流式字号 clamp
在两个视口宽度间生成线性 CSS 字号变化。
输入数值
CSS clamp 表达式
生成 CSS 仅供起步，适当时优先相对文字单位，并测试缩放、系统字号与溢出。
方案对比
此选项卡中最多三个快照。加载一个会替换当前输入。
计算公式
使用 m = 100(f₁−f₀)/(v₁−v₀) 和 b = f₀−mv₀/100。流式字号为 clamp(f₀, b + m×vw, f₁)；f 表示字号，v 表示视口宽度。
在两个视口宽度间生成线性 CSS 字号变化。
计算示例
- 最小字号（px）
- 16
- 最大字号（px）
- 24
- 最小视口宽度（px）
- 400
- 最大视口宽度（px）
- 1200
- CSS clamp 表达式
- clamp(16px, calc(12px + 1vw), 24px)
- 视口系数
- 1 vw
- 像素截距
- 12 px
适用范围与限制
生成 CSS 仅供起步，适当时优先相对文字单位，并测试缩放、系统字号与溢出。
检查输入的缺失值和允许的范围。不显示超出有限数值范围的结果。舍入会影响显示，而计算则使用模型的数值精度。
在依赖结果之前检查您的单位和假设。更改标签不会转换货币或物理单位。
公式版本: 174bffea8b3a · 示例核查日期: