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>");