css clamp函数

CSS Clamp函数是CSS3新添加的一个函数，可以帮助我们更轻松地控制元素的大小。当前主流浏览器均已支持该函数。

它的语法如下：

  clamp(minimum,preferred,maximum)

其中，minimum是最小值，preferred是首选值，maximum是最大值。

举个例子，假设我们要设置一个最小宽度为320px，最大宽度为640px的容器，并且希望在可行的情况下尽量尽量占用页面宽度，那么我们可以这样写：

  container {
    width: clamp(320px,70%,640px);
  }

这里，我们将preferred值设为70%，这个值代表了我们希望容器的宽度在当前可用空间的70%范围内变化。

这个函数还可以用于设置字体大小等其他属性，其原理和上述一致。

总体来说，CSS Clamp函数非常实用，可以帮助我们更容易地控制元素的大小，同时简化了我们的代码。