jQuery更改媒体查询宽度值

当页面运行时，是否可以使用

jQuery

或任何其他工具更改

@media query

css

的宽度值

例如，如果在style.css中

@media screen and (min-width: 400px) {
   /*whatever*/
}

---

在网站加载后将其更改为

500px

这是传统方法无法实现的。您必须通过jQuery插入完整的css。例如：

 $('body').append("<style type='text/css'>@media screen and (min-width: 500px) { /*whatever*/ }</style>");

$（'body'）.append（@media screen和（最小宽度：500px）{/*which*/}）；

很抱歉脱离主题，但为什么？我也有同样的要求。我知道这是一个旧线程，但要响应@jQuery00，如果添加或删除了更多内容，我需要能够调整不同设备上的最小宽度。这对我也有帮助。如果有调整大小或旋转事件，我需要展开iframe。我可以全部用javascript编写，但在@media查询中更改一个参数会更简单、更干净、更优雅。此外，对于@TonyBrasunas点，图形密集型CSS在GPU上呈现，因此性能比JS好得多。