用途：当卡片、面板等内容需随自身父容器宽度或宽高比变化重排，而非跟随视口时，用容器查询替代媒体查询。若同一组件在侧栏与主栏中表现不同，用 @container；若整页结构变化，用 @media。
主要能力：container-type 支持 inline-size（默认，仅行内轴可查询）、size（双向，成本更高，需元素有固有或显式高度）、normal（不做尺寸查询，仅样式查询可用）。@container 支持匿名、命名（@container sidebar (width > 600px)）与样式查询（@container style(--theme: dark)）三种形式。cqw、cqh、cqi、cqb、cqmin、cqmax 等长度单位让字号、间距随容器自身尺寸缩放。container 简写可同时设置名称与类型：container: card / inline-size。
用法要点：container-type 必须设在被查询元素的父级；设在元素自身会形成自引用，查询永不匹配。命名容器可让后代跳过中间容器。字体使用 cqi 时应配合 clamp() 设下限，以免窄容器下文字不可读。cqh、cqb、cqmin、cqmax 需要 container-type: size，否则回退到视口单位。
限制：不含祖先容器时 cq* 单位静默回退到对应小视口单位（cqi 回退 svi），需用 DevTools 核查解析值。样式查询属 Baseline 2025，必须用 @supports 或特性检测加以门控，否则旧浏览器会整块丢弃规则。具体浏览器版本差异、性能数据及本技能分类未在资料中提供。