聊聊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) } }

• 洗漱包旅行套装 男出差商务洗簌袋便携化妆包女用品洗护大容量
• 蓝罐（Kjeldsens）曲奇饼干礼盒 454g 丹麦原装进口 休闲零食 节日送礼福利团购
• 适用于新款车载手机支架无线器快充智能自动感应汽车
• 皇顺适配名爵MG7汽车用品MG6PRO改装饰配件MG5门槛条ZS保护贴