用于自动大小，但是又限制大小，说起来麻烦又绕嘴，嘟嘟啦啦废话太多，直接看案例：



CSS 比较函数:clamp() 将宽高大小自适应！_动态规划


{
  font-size:clamp(14px,10vw,36px); 
}

文字大小用了clamp(14px,10vw,36px)，翻译理解就是:文字大小是10vw，最小不能小于14px，最大不能大于36px;

参数解析：

  • clamp(min,default,max)
  • min，是最小值，不得低于这个数；
  • default用于动态默认值单位，例如rem,vw,vh,100%!
  • max，是最大值，不得高于这个数。

这个属性吧多用于自适应的布局中，动态宽高，动态字体大小，因为在动态布局中，用具体的px兼容起来麻烦的要死，最好也动态化！