概述`clamp(min, preferred, max)` 限制值在范围内;`min()` 与 `max()` 进行多值选择。常用于流式字号与组件尺寸的边界控制。用法/示例.title { font-size: clamp(16px, 2.5vw, 22px) } .card { width: min(100%, 800px) } .grid { column-gap: max(8px, 2cqw) } 工程建议为流式字号设定合理上下界,避免在极端设备产生过小或过大文本。与容器查询单位协作,保持组件级响应与整体一致性。测试不同语言与长词对布局影响,提供断词与换行策略。参考与验证MDN:`clamp()` — https://developer.mozilla.org/docs/Web/CSS/clampMDN:`min()`/`max()` — https://developer.mozilla.org/docs/Web/CSS/min

发表评论 取消回复