ConverterHub

CSS clamp() 生成器

构建一个流式 clamp() 值，让字号在两个视口宽度之间平滑缩放。

使用方法

  1. 在上方的输入框中填写您的数值。
  2. 点击“计算”即可立即查看结果。
  3. 使用“分享”按钮复制结果链接。

关于此计算器

本工具为流式排版生成响应式 CSS clamp() 函数——clamp(min, preferred, max)——其中 preferred 值是一个基于 vw 计算出的表达式，能让你的字号在最小和最大视口宽度之间平滑缩放，超出你设定的上下限后就停止放大或缩小。

前端开发者用它避免为了调整标题和正文字号而写一堆媒体查询断点，转而得到一条能平滑缩放的 CSS 规则。只需输入你的最小和最大字号以及视口范围，即可得到一条可以直接粘贴使用的 clamp() 规则。

Was this helpful?

最多可以选择 3 个表情反应。

Comments (0)

  • Be the first to comment.

热门计算器

贷款计算器

月供、总利息和完整的还款计划。

百分比计算器

百分比变化、占比和比例计算。

折扣计算器

计算最终价格、节省金额和折扣金额。

BMI 计算器

根据身高和体重计算身体质量指数（公制或英制）。

年龄计算器

根据出生日期计算精确到年、月、日的年龄。

复利计算器

计算复利的最终金额和获得的利息。

所有计算器