CSS 技巧:根据可用空间动态调整圆角半径

jh3yy · x · 2026-08-27

分享一个实用的 CSS 技巧,通过 clamp 函数和自定义属性,使元素的圆角半径根据可用空间自适应调整。当元素填满屏幕时,圆角会逐渐消失;在较小空间内则保持设定的圆角大小。代码示例中使用了 100vi 和 100cqi 来检测视口与容器尺寸的差异,从而实现平滑过渡。

原文链接 →

「应用」频道最新

更多「应用」频道 AI 资讯 →