jQuery更改媒体查询宽度值

Question

在页面运行时，是否可以使用jQuery或其他任何内容更改@media query css的宽度值？

例如，如果在style.css中我有

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

在网站加载后将其更改为500px

Answer 1

传统方法无法做到这一点。你必须通过jQuery插入完整的CSS。例如：

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