聊聊min()，max()和clamp()函数

从Caniuse.com中的数据可以得知，到写这篇文章为止，min()、max()和clamp()函数已经得所有主流浏览器的支持了。说要做好相应的降级处理。

虽然说这几个函数得到主流浏览器的支持，但要用于实际项目中时，还是需要谨慎，或者说要做好相应的降级处理。比如人肉做降级处理：著作权归作者所有。

.element { font-size: 20px; 
font-size: clamp(20px, 
(1rem + 3vw), 40px)
 }

也可以通过@supports来做条件判断：

.element { font-size: 20px; } @supports (width: min(10px, 3vw)) { .element { font-size: clamp(20px, (1rem + 3vw), 40px) } }