"CSS 容器单位：cqw/cqh/cqi/cqmin/cqmax 的响应式度量"

概述容器单位允许以容器尺寸为基准进行长度计算：`cqw/cqh/cqi` 分别代表容器的宽/高/内联尺寸的百分比单位；`cqmin/cqmax` 表示容器最小/最大尺寸的百分比。结合容器查询与响应函数可替代部分媒体查询场景。示例.card { container-type: inline-size; } .title { font-size: clamp(16px, 4cqi, 24px) } .gallery { gap: 2cqw } 工程建议容器声明：为组件根声明恰当的 `container-type`；避免全局容器导致性能开销。与查询协作：结合 `@container` 条件与单位共同使用；保持样式逻辑简洁。兼容：特性检测并提供回退；旧浏览器使用媒体查询与固定值。参考与验证MDN 容器单位文档：https://developer.mozilla.org/docs/Web/CSS/CSS_Container_Queries#container_query_unitsweb.dev 容器查询与单位指南：https://web.dev/articles/new-responsiveChrome 文档（Container Queries）：https://developer.chrome.com/docs/web-platform/container-queries/