CSS 技巧:根据可用空间动态调整圆角半径
jh3yy · x · 2026-08-27
分享一个实用的 CSS 技巧,通过 clamp 函数和自定义属性,使元素的圆角半径根据可用空间自适应调整。当元素填满屏幕时,圆角会逐渐消失;在较小空间内则保持设定的圆角大小。代码示例中使用了 100vi 和 100cqi 来检测视口与容器尺寸的差异,从而实现平滑过渡。
「应用」频道最新
- AI 工具在 NLTK 库中发现高危 ReDoS 漏洞 — sachdh · 2026-08-28
- Google Flow 支持 Omni 1.1 精确控制剪辑点 — aziz4ai · 2026-08-28
- LlamaParse 新增原生表格提取,拒绝扁平化丢失结构 — llama_index · 2026-08-28
- 工作流进化:在表格中直接与 Gemini 对话完成任务 — gaganghotra_ · 2026-08-28
- Google AI 规划行程却遇退改签难题,未来落地成工单 — HaktanSuren · 2026-08-28
- 用AI代理自动运行UGC测试,睡觉时也能优化内容 — VibeMarketer_ · 2026-08-28