CSS 容器查询单位：cqw/cqh/cqi/cqb 与响应布局

概述容器查询单位基于最近的可查询容器尺寸计算：`cqw/cqh` 为内联与块轴百分比，`cqi/cqb` 为相对字体与块轴尺寸。需为容器声明 `container-type`。用法/示例.card { container-type: inline-size; container-name: card } .title { font-size: 4cqi } .media { height: 40cqh } 工程建议为组件根声明容器类型，避免跨层级引用造成混乱；结合 `container-name` 管理作用域。与媒体查询协作形成双层策略：容器控制组件细节，媒体查询控制整体布局。对老旧环境提供降级，如使用固定单位或通过 JS 计算填充。参考与验证MDN：Container units — https://developer.mozilla.org/docs/Web/CSS/length#container_query_length_unitsweb.dev：Container queries — https://web.dev/articles/new-responsive