使用Javascript更改媒体查询

使用Javascript更改媒体查询,javascript,css,responsive-design,media-queries,Javascript,Css,Responsive Design,Media Queries,我想手动设置媒体查询。我有一些JavaScript算法告诉我选择什么,假设它是IsMediaA() 是否可以根据IsMediaA()值更改已使用的媒体查询?类似的操作可以完成此工作 if(IsMediaA()) { $('<style />', { 'text': '@media A { display: block; }' }).appendTo('body'); } css: 为什么要用JavaScript更改媒体查询?为什么?o、 o为什么要用

我想手动设置媒体查询。我有一些
JavaScript
算法告诉我选择什么,假设它是
IsMediaA()


是否可以根据
IsMediaA()
值更改已使用的媒体查询?

类似的操作可以完成此工作

if(IsMediaA()) {

   $('<style />', {
        'text': '@media A { display: block; }'
   }).appendTo('body');

}
css:


为什么要用JavaScript更改媒体查询?为什么?o、 o为什么要用js来伪造媒体查询已经做了什么?这只是我的好奇。有人问我这是否可行
if(IsMediaA()) {

   $('<style />', {
        'text': '@media A { display: block; }'
   }).appendTo('body');

}
if(IsMediaA()) $('element').addClass('is-mediaA');
@media A {
    element.is-mediaA { display: block; }
}