聊聊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) } }
温馨提示 : 非特殊注明，否则均为©李联华的博客网原创文章，本站文章未经授权禁止任何形式转载;IP地址：3.14.129.43，归属地:俄亥俄州Dublin ，欢迎您的访问!
文章链接：https://www.ooize.com/talk-about-the-min-max-and-clamp-functions.html
文章链接：https://www.ooize.com/talk-about-the-min-max-and-clamp-functions.html
订阅
登录
0 评论
