容器查询和媒体查询怎样选择？
根据组件容器还是视口决定响应式条件，理解 size query、style query 和布局边界。
参考答案
媒体查询根据视口或设备特征改变样式，适合页面级布局；容器查询根据组件所在容器的尺寸或样式改变样式，适合同一个卡片在侧栏、主栏和弹窗中复用。
使用 size query 前通常要声明查询容器，否则子元素无法按预期读取容器尺寸。组件应定义自己的布局边界，避免查询结果依赖过远的祖先结构。style query 还要确认目标浏览器支持和语法范围。
容器查询不是把所有媒体查询替换掉。页面导航、主题和设备能力仍适合媒体查询；组件内部尺寸适配则使用容器查询更能降低耦合。