元素查询的当前状态_极简慕枫

元素查询（或“容器查询”，如果必须的话）继续进入响应式网页设计制造商之间的对话，但它们包含在任何规范和当前的环境中尚不清楚。在本文中，我们将讨论哪些元素查询以及社区共识目前在开发人员和标准工作组中的位置。苏州网站设计

什么是元素查询？

无论屏幕大小的限制如何，元素查询都允许元素对自己的约束做出“反应”。这是必须了解的最重要的细节。我们所知道的媒体查询是100％的响应式布局，但响应式布局不是100％@media查询。模块，组件，界面元素将随着屏幕一直在增长和缩小，但从不自行反应，这就是为什么@media不是我们问题的整个解决方案。

前线

许多寻求基于元素的断点的解决方案的人开始使用React等框架实现CSS-in-JS。虽然在其他领域取得了进展，但开发人员正在通过CSS或JavaScript的通用解决方案创建解决方案，从而破坏了多个特定于框架的库。虽然结果各不相同，但这些工具实现的核心功能通常非常相似。将来，这些各种技术的标准化可以巩固这种响应式设计的方法，以应用于任何网站或任何工具。

在我与Tommy Hodgins（元素查询的倡导者和eqcss的创建者）讨论这个主题时，似乎人们仍然知道“元素查询”和“容器查询”的单独概念。共识似乎分为几个不同的领域：

这是另一个我可以根据视频宽度更改CSS的示例。与视口大小完全无关。pic.twitter.com/O6lbDBJvFf

- Wes Bos