我不知道你们怎么样，但我看到我的信息流里全是关于 CSS 容器查询 的文章。对容器查询的炒作实际上是从 12 月开始的，当时 Miriam Suzanne 发布了一个提案（借鉴了 David Baron 的提案），但是 直到 3 月下旬 Una Kravets 在推文中宣布，它才在 Chrome Canary 91.0.4459.0 中通过 chrome://flags 的 #enable-container-queries 标志启用。
在如此短的时间内，关于容器查询的内容已经被报道了许多地方，而且规范还没有最终确定！我很高兴看到人们对 CSS 特性如此兴奋，而且我也想把这份热情记录下来。Chris 也恰好收集了一堆关于这个话题的链接，所以这里整理了我们收到的一切。
容器查询说明和提案
Miriam 的文章是一个很好的起点，可以帮助你开始学习。这就像一个电梯演讲，介绍了这个想法，同时提供了一堆值得一看的例子和资源。
容器查询：快速入门指南
David Herron 在 Oddbird 博客上直接跳入了这个概念，这很合适，因为 Miriam Suzanne 也是在那里工作的。这是一个很好的介绍容器查询的文章，它用一个看起来像是卡片组件的例子来解释语法。
CSS 容器查询入门
Stephanie Eckles 在 Smashing Magazine 上深入探讨了容器查询。我喜欢这篇文章从陈述容器查询解决的问题开始，然后才介绍语法和使用方法。
容器查询真的要来了
Andy Bell 想要的容器查询比任何人都要久。他毫不犹豫地用自己制作的卡片示例跳进了容器查询。而且，他终于可以退休了 他的贴纸.
向容器查询问好
我一直很喜欢 Ahmed Shadeed 用最简单的术语解释事物的方式，以及他的演示超越了常见的例子，进入了有趣的使用场景。
CSS 容器查询：首次亮相+演示
好吧，这有点作弊，因为 Bramus 在 3 月底发布了这篇文章。但我开始看到其他文章出现，真正是在这篇文章之后。
下一代 CSS：@container
没错，CSS-Tricks 也加入了这场讨论！Una Kravets 制作了一个可能是我最喜欢的容器查询演示：一个可以调整字体大小和布局的日历。
Web 组件中的容器查询
Max Böck 做了一件我最喜欢的事情：把两个想法放在一起！他做了一个很棒的演示，展示了一个用于显示书籍的 Web 组件，并集成了 @container。
使用 CSS 容器查询进行组件级艺术指导
Sara Soueidan 展示了如何使用容器查询来进行图像的艺术指导，包括在使用 <picture> 元素与 @container 时出现的陷阱。
Susy 和 Sass、CSS 层和 CSS 兼容性、容器查询和 CSSWG
收听 Bruce Lawson 和 Vadim Makeev 与 Miriam 讨论容器查询（以及其他内容）。
容器查询将改变游戏规则！
观看 Kevin Powell 演示那些花哨的 auto-fill/minmax() 网格 如何成为一个很好的用例，让组件根据它们在任何给定时刻的大小来调整自己的样式。
我们可以用容器查询创建一个“调整大小的技巧”吗？
Jhey Tompkins 已经觉得容器查询的卡片演示太多了，他想做点特别不同的东西。
容器查询和 CSS 的未来
谈到从 Miriam Suzanne 那里学习容器，永远不会太多。这里有一个会议视频。
容器查询的设计师
Ahmad Shadeed 说，设计师可能想要开始考虑容器查询。目前，拥有一份概述单个组件断点的文档似乎是最好的方法。
CSS 容器查询：用例和迁移策略
Adrian Bece 这里介绍了基础知识，并指出了一些我不知道的事情。其一，目前还没有容器查询的 DevTools，这使得调试变得很棘手。
新的响应式：组件驱动世界中的网页设计
Una Kravets 不仅将容器查询，还将其他概念联系起来，以促进这种组件驱动型世界。听起来，原生作用域样式可能会再次流行起来！
所有开关：响应式元素等等
Brian Kardell 的文章更多地是关于一个可能的 switch() 函数（以及关键字朋友），即使独立于容器查询，它们看起来也非常有用。
很多吧？在我们结束之前，Chris 有一个他想要分享的挑战，给大家。
包括我在内，一个常见的感叹是，如果我们有容器查询，我们会用它来代替今天我们使用媒体查询的大部分内容。挑战是：现在以全新的视角浏览你的 CSS 代码库，了解
@container查询的当前工作方式。那个感叹是否成立？你将替换哪些媒体查询（一旦我们合理地可以替换）？哪些媒体查询必须保留？写一篇博客文章吧。