javascript - 使用媒体查询添加类或其他属性

Question

我目前正在使用 CSS 媒体查询来定位一些中小屏幕设备，如下所示:

@media screen and (min-device-width: 480px) {
  ...
}
@media screen and (min-device-width: 720px) {
  ...
}

这按预期工作，我可以将样式应用于某些特定的选择器，但是..我想知道是否有一种方法可以根据媒体查询向选择器添加类或其他属性。

我的想法的例子:

@media screen and (min-device-width: 480px) {
  body { addClass('body-iphone') }
}

有没有办法用 CSS 或 JavaScript 做到这一点？

Answer 1

查看 Enquire.js .用于处理媒体查询的轻量级纯 JavaScript 库。看起来很酷。