【问题标题】:Disable media queries after the dom is loaded加载 dom 后禁用媒体查询
【发布时间】:2015-06-11 18:47:24
【问题描述】:

我对媒体查询有疑问。我希望媒体查询在加载 dom 后无法工作。 到目前为止我已经尝试过了

 $('meta[name="viewport"]').prop('content', 'width='+screen.width);

来自link

但媒体查询仍在工作。

任何帮助将不胜感激。

谢谢

【问题讨论】:

    标签: javascript jquery html css media-queries


    【解决方案1】:

    如果您想禁用所有媒体查询,请在您的媒体表中使用 class="mediaSheet",然后:

    $('.mediaSheet').each(function(){
        $(this)[0].sheet.disabled = true;
    });
    

    【讨论】:

    • mediaSheet 类放在哪里?
    • 您可以对所有包含您无法禁用的@media 的样式表进行分组并将类放在它们上面。它应该是这样的:<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="small-device.css" class="mediaSheet"/>
    • 我不知道我需要那个样式表,但我只想禁用媒体查询。
    • 你把所有的媒体查询放在另一个样式表上就完成了:)
    • 这是我现阶段不需要的,因为样式表是由其他人创建的,我需要在其中进行更改。
    猜你喜欢
    • 2015-12-24
    • 2012-01-24
    • 2015-10-31
    • 1970-01-01
    • 1970-01-01
    • 2014-01-11
    • 2021-06-17
    • 1970-01-01
    • 2013-11-13
    相关资源
    最近更新 更多