元素查询是一个小型JS库,旨在启用CSS“元素查询”或嵌套在CSS选择器中的查询。传统媒体查询总是与视口或窗口相关,而元素查询与页面上特定元素的状态相关。这允许模块化媒体查询。只需在您的页面上包含element-query.js脚本,您就可以立即开始使用一些基本的元素查询。句法目前只支持两种查询: min-available-width max-available-width这些基于包含所选元素的宽度。此外, px是目前唯一支持的单位(这将改变)。你可以用一些CSS来试试,比如: . test-element : media (max-available-width: 400 px ) { background : purple; }在上面的CSS中,如果.test-element位于宽度为400px或更小的元