[视频] CSS 容器查询与单元

观看视频（中英双语字幕）

视频来自 Miriam Suzanne 在2022年度 W3C 全球开发者大会上的演讲：“CSS 是上下文相关的，具有级联（Cascade）和文档流（Normal Flow），允许内容和样式跨浏览器、编写模式、设备接口和用户定义的偏好进行调整。媒体查询（Media Queries）开启了响应式 Web 设计的十年。但使用 @media，页面上的每个元素只共享一个全局上下文。

容器查询（Container Queries）在这里改变了这一点。我们可以定义“容器”来公开更多的本地化上下文，然后以各种方式查询这些容器。除了备受期待的大小查询之外，我们还获得了新的与容器相关的单元，以及用于查询容器样式、状态等的路线图”。 

欢迎与 Miriam 一起了解这些功能的工作原理、如何开始在产品中使用，以及随着容器查询的不断发展我们可以进一步期待些什么。

进一步参见讲者演示文稿：

https://slides.oddbird.net/queries-units/tpac22/