流体字体大小 Clamp() 生成器
根据两个视口宽度的最小和最大尺寸计算真实的流体 CSS lamp() 值，并逐步显示斜率和交叉点以及实时调整大小预览。
处理中...
0%
结果
此页面打开计算器，其中已填充通用流体字体大小设置：320 像素视口处为 16 像素，1280 像素视口处为 24 像素。这是一个舒适的身体到稍大的范围，可以从典型的手机屏幕平滑地缩放到典型的桌面窗口，并且这是大多数人在首先搜索流体字体大小clamp()时所指的设置。
这四个数字可以更改：提高标题而不是正文的最大尺寸，或者如果设计只需要在平板电脑和桌面断点之间灵活调整，则缩小视口范围。无论您输入什么，斜率和 y 轴交点都会以相同的方式重新计算，并显示为显式算术，而不是隐藏在最终线内。
在四个输入下方，视口宽度滑块驱动实时预览，因此缩放比例立即可见，并且只需单击一下即可复制就绪的 Clip() 线。在 rem 和 px 之间切换输出单位会重新计算每个数字，而不会影响最小和最大尺寸值本身。