Sofia Emelianova
CSS 容器查询是 Web 开发者期待已久的 CSS 新功能。这可能会引发 Web 设计革命，从基于网页的自适应设计转变为基于容器的自适应设计。
Chrome 开发者工具可帮助您采用新的布局设计模式，并及时了解最新趋势。借助这项 CSS 功能，您现在可以在开发者工具中检查和调试容器查询。
上方视频简要介绍了容器查询、其语法以及如何在开发者工具中检查这些查询。
现在，您可以通过切换点线叠加层的相应标记来发现容器元素及其子元素。
检查当容器满足查询条件时应用于后代容器的 @container 规则。
如需详细了解开发者工具中对容器查询的支持，请参阅检查和调试 CSS 容器查询。