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