由 Deepseek提供支持

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

广告

距本场结束剩 00天 00时 00分 00秒

轻量应用服务器 2核2G

200M峰值带宽，适用于网站搭建、Web应用、容器环境、电商独立站等

立即前往

扫描二维码购买