容器查询 目前尚不存在，但许多 Web 开发人员最近一直在为其辩护。最初，这个想法听起来相对简单：媒体查询允许我们根据浏览器宽度进行样式更改，而容器查询则允许我们在元素父级宽度发生变化时进行样式更新。
这是一个重要的区别，它可能会解决大多数 Web 开发人员（尤其是那些在大型设计系统中工作并使用组件的开发人员）每天遇到的许多问题，这些组件设计为在没有周围元素的环境下使用。
Zach Leatherman 带领我们回顾了迄今为止容器查询的历史，以及对它们支持的呼吁是如何开始的
容器查询是 Web 平台上经常被要求的功能。在谈论我们希望 Web 平台解决的问题时，提及它几乎已成为一种陈词滥调。容器查询将极大地帮助 Web 开发人员更好地完成工作，而它的缺失在为 Web 开发基于组件的代码时是一个巨大的局限性。
在我的大型设计系统工作中，我发现媒体查询在创建组件时已经不再适用，因为我们的团队经常需要根据父级元素的宽度更改元素的样式。因此，我对此主题的看法是，在 CSS 网格之后，容器查询是 Web 设计布局拼图的下一块重要拼图。
就我个人而言，我知道容器查询将彻底改变我的设计实践，并为移动设备、桌面、平板电脑以及未来的任何设备做好响应式设计的准备。