css魔法——max、min、clamp函数，可以动态调整字体大小

css魔法——max、min、clamp函数，可以动态调整字体大小

---

$max(a,b)$函数。顾名思义，取其中的最小值，一般用于给盒子取最大值。当屏幕较宽时，50% > 500px，取500px。当屏幕较小时，跟随屏幕宽度改变。

p {
	width: min(500px, 50%);
}

---

$min(a,b)$函数。上面的取反

p {
	width: min(500px, 50%);
}

---

$clamp(min,mid,max)$函数。尽可能的逼近mid，当小于min时取min，大于max时取max

p {
	font-size: clamp(14px, 2vw, 32px);
}