上个月，CSS 大神 Josh W. Comeau 在他的博客上分享了一篇关于容器查询的介绍。容器查询是一种令人兴奋的新特性，它可以让我们在响应式设计中更加精确地控制元素的样式。
在过去，我们只能通过媒体查询来针对整个窗口的尺寸来调整样式，这导致有时候我们需要使用复杂的嵌套结构来保持样式的一致性。而容器查询则可以让我们根据元素的父容器的大小来调整样式，使得我们可以更加灵活地响应不同尺寸的容器。
容器查询的语法非常简单，只需要在样式表中使用 @container 来定义查询，并且在查询中使用所需的属性和值即可。这样一来，我们就可以轻松地创建出适配不同大小容器的元素了。
总的来说，容器查询是一项非常友好和实用的特性，它将帮助我们更好地构建响应式设计，让我们的网页在各种设备上都能够呈现出最佳的效果。如果你还没有尝试过容器查询，不妨花一些时间了解一下，相信你会被其简洁而强大的功能所吸引。
了解更多有趣的事情：https://blog.ds3783.com/