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

{
 	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兼容起来麻烦的要死，最好也动态化！

版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。