FLUID CSS LAB · CLAMP()
CSS CLAMP CALCULATOR
两个断点，
一条流体曲线。
根据最小 / 最大尺寸和视口宽度，生成标准的线性 `clamp()`。适合字号、间距、内边距和圆角，不需要手写媒体查询。
PARAMETERS
定义两端。
最小尺寸
px
最大尺寸
px
最小视口
px
最大视口
px
PROPERTY
GENERATED VALUE
clamp(16px, 9.3702px + 1.768vw, 32px)
SLOPE
1.768vwINTERCEPT
9.3702pxCURRENT VALUE
22.95pxFLUID CURVE375px → 1280px
RESPONSIVE PREVIEW
在不同宽度里看它。
预览宽度768px
BITLEAP / FLUID TYPE
Scale without
breakpoints.
breakpoints.
当前模拟视口 768px，对应计算值约 22.95px。
CSS OUTPUT
复制，
直接使用。
CSSLINEAR INTERPOLATION
.fluid {
font-size: clamp(16px, 9.3702px + 1.768vw, 32px);
}MIN
小于最小视口时固定使用最小尺寸，不继续缩小。
FLUID
两个视口之间使用 `px + vw` 线性插值，浏览器原生计算。
MAX
超过最大视口后固定使用最大尺寸，避免无限放大。
BitLeap · 本地计算 · 隐私优先