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