clamp作品 clamp全部作品观看顺序

在CSS的浩瀚海洋中，有许多令人惊艳的属性和特性，而clamp函数似乎并未得到足够的关注。这个函数为我们的CSS属性操作带来了前所未有的便利，比如min-width、max-width等操作都变得轻而易举。

clamp()函数接受三个以逗号分隔的表达式作为参数，这些表达式按照最小值、首选值、最大值的顺序排列。接下来让我们通过一个clamp函数的实际使用例子来具体说明它的用法。

通过一段代码，我们将font-size设置为2vmin，同时为其指定了大小的最小值和最大值。这实际上与执行以下操作有着相同的效果。

clamp函数的优越性在于，虽然min-font-size和max-font-size这样的属性并不存在，但clamp函数让我们能够模拟它们的功效。利用clamp函数，我们的font-size能够根据2vmin的比例随屏幕大小进行缩放，同时又确保它不会小于1rem，也不会超过3rem。

在这里，可能有人会好奇vmin和vmax的具体作用。其实，vh和vm与视口的高度和宽度有关，而vmin和vmax则是与当前屏幕的宽度和高度的较小值或较大值有关，具体取决于哪个数值更大或更小。

例如，当浏览器窗口宽度为1100px、高度为700px时，1vmin将对应较小的7px，而1vmax将对应较大的11px。相反，如果宽度设置为800px，高度设置为1080px时，1vmin将是较小的8px，而1vmax将是较大的10.8px。

从caniuse网站的数据来看，该功能在旧版IE浏览器（IE11）中并不被支持。