别整一坨 CSS 代码了，试试这几个实用函数

Clamp(), Max(), 和 Min() 函数

流体的尺寸和定位

clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。它接收三个参数：最小值、首选值、最大值。