通过javascript更改CSS的媒体查询

Question

有没有办法通过javascript更改网站的实际媒体查询？

我正在开发客户网站上的iframe中包含的应用程序，该应用程序将重新计算主体的宽度以将面板放置在右侧。 调整浏览器的大小时，将调用客户端的媒体查询并采取行动，而不会考虑我的iframe，从而导致布局混乱。

您是否看到我可以使用javascript更改客户端媒体查询的方法，以便保持布局整洁？

谢谢你的帮助 ！

Answer 1

在这个问题中，有一个示例说明如何使用JavaScript动态加载CSS文件。 您可以将其与通过jquery删除原始样式表结合使用，例如：

$("link[rel='stylesheet']").remove()

并重新加载相同的css文件，但重新加载其他媒体（您的新媒体查询）。

Answer 2

我在这里找到了答案： https : //stackoverflow.com/a/19593526/1324357我们可以使用document.styleSheets转到CSS。