我可以用jQuery“触发”媒体查询吗？答案

【问题标题】：Can I "trigger" media queries with jQuery?我可以用jQuery“触发”媒体查询吗？
【发布时间】：2018-09-21 19:06:29
【问题描述】：

我有多个以 991 像素设备宽度触发的媒体查询。在这些查询中，有数百行 CSS 语句。

对于特定任务，我想触发这些查询而不需要手动调整窗口大小。

如果只有几个语句，使用 .css() 应用 css 语句将是一种选择。不幸的是，事实并非如此。

有没有办法在不调整窗口大小的情况下触发媒体查询？

【问题讨论】：

简而言之，没有。一个简单的解决方法是复制这些媒体查询并将它们键入公共父元素上的特定类。不过，这会使你的 CSS 膨胀。
谢谢，我考虑做。可能有点费力，因为这些查询可能会获得额外的 css 语句，但至少它会起作用。使用“在特定类上键入它们”，您的意思是从复制的 css-set 中删除媒体查询并在每个语句前面添加特定类吗？或者是否存在仅在特定类存在时才触发查询的媒体查询语句？例如：@media(class: triggerThisQuery) {}

【解决方案1】：

当您使用 Jquery 时，您可以简单地将此语句添加到要触发的代码中

$(window).resize()

【讨论】：