样式 clamp 的详细使用

clamp(min, ideal, max) 会在 最小值 和 最大值 之间，动态选择一个值。理想情况下，它倾向于采用 理想值，但会受限于设定的最小值和最大值。具体来说：

最小值 (min)：这是允许的最小值。无论什么情况，属性不会小于该值。
理想值 (ideal)：当页面条件适合时，会尝试使用这个值。在字体大小的例子中，1vw 表示视窗宽度的 1%，所以字体会根据页面宽度动态变化。
最大值 (max)：这是允许的最大值。即使理想值超过了这个值，属性也不会超过这个限制。

宽度篇

标准尺寸为1920时,1vw = 19.2px
1px ≈ 0.05vw
2px ≈ 0.1vw
标准尺寸为1200时,1vw = 12px
1px ≈ 0.08vw
2px ≈ 0.16vw
假设设计图1920px时，字体大小为font-size：30px；然后页面的最小尺寸为1200px;
我们这个使用 font-size: clamp(19px, 1.55vw, 30px);
最小值1.55vw/0.08vw = 19px
理想值30px/19.2px=1.55vw
最大值由于这里使用的就是标准尺寸1920，所以直接跟设计图一致即可
根据此公司我们可以得到所有的适配于1920/1200之间的clamp参数
用19.2会有很多小数，大家也可以用20px当做标准尺寸，样式相差并不会太多，但是更好计算

12px clamp(7.8px, 0.625vw, 12px)
13px clamp(8.4px, 0.677vw, 13px)
14px clamp(7.8px, 0.729vw, 14px)