流式字号 clamp() 计算器
填写最小值、最大值，以及它应在哪两个屏幕宽度之间变化。计算器会算出这条直线，并给出现成的 clamp()。
使用方法用 clamp() 实现流式尺寸
天地玄黄，宇宙洪荒。
可用语言: 
广告
流式字号 clamp() 计算器: 用途
使用 clamp()，文字无需多个媒体查询就能随屏幕宽度增长：手机上较小，电脑上较大，两者之间平滑过渡。
计算器会按你选择的屏幕宽度，算出最小与最大尺寸之间的直线，并返回尊重用户字号设置的 rem 值。它会显示各常见宽度下的尺寸，并在最大值超过最小值的 2.5 倍时给出提示，超过这个比例后，WCAG 1.4.4 要求的 200% 缩放可能失效。
使用方法
- 以 px 输入最小和最大尺寸。
- 选择它在哪两个屏幕宽度之间变化。
- 复制现成的 clamp()。
使用场景
- 随手机和电脑自适应的标题。
- 各区块之间的流式间距。
- 无需媒体查询的字体比例。
常见问题
clamp() 是如何工作的？
clamp(最小值, 首选值, 最大值) 在首选值处于上下限之间时使用首选值。首选值是一条直线，由 rem 值加上 vw 的一部分构成，随屏幕宽度一同增长：在手机上取最小值，在电脑上达到最大值。
为什么用 rem 而不是 px？
rem 会跟随用户自己设置的字号。用 px 的话，因阅读困难而调大默认字号的人看不到任何变化。
缩放提示是什么？
WCAG 要求文字可以放大到 200%。由于 vw 部分不会随缩放增长，最大值远大于最小值时可能无法实现这种放大。一条实用的安全规则是最大值不超过最小值的 2.5 倍。
真的免费吗？
是的，100%免费。无需注册，无需订阅，不限使用次数。所有工具：Tools123是免费的。