Loading…
根据最小/最大尺寸和视口宽度生成用于流式排版的 clamp()。
font-size: clamp(1rem, 0.8333rem + 0.8333vw, 1.5rem);
视口宽度小于最小值时取最小尺寸,大于最大值时取最大尺寸,二者之间平滑变化。可将生成的值直接用于 font-size 等属性。
clamp(最小值, 首选值, 最大值) 接受三个值,会随视口宽度伸缩取值,同时将其限制在最小值与最大值的范围内。它常用于实现流式排版(可平滑伸缩的字号)。
输入最小和最大字号以及目标视口宽度,工具会生成可用于 font-size 等属性的 clamp() 代码。把输出的代码直接粘贴到 CSS 中即可。
clamp() 在现代浏览器中得到广泛支持,因此你可以在当今的主流浏览器中放心使用。