忽略CSS媒体查询

Question

我每天使用CSS媒体查询处理页面我不喜欢;我宁愿使用整个页面（其中大多数与窄于768px的Twitter Bootstrap菜单折叠有关）。

有没有办法覆盖Bootstrap的媒体查询与CSS？最好不要定义我自己的媒体查询来单独覆盖所有规则，因为我觉得这需要相当长的时间。

编辑：我没有对源代码的控制，否则我只会杀死引导响应代码。

Answer 1

为什么不首先将它们删除？

如果你不能，你仍然可以覆盖与规则CSS声明：

• 具有相同的优先选择和后前来的MQ块
• 有高选择优先比MQ块中的规则
• 有!important之间的值和分号

/* one id, one class AND one element => higher priority */ 
    #id element.class { property: value2; } 

    /* !important will nuke priorities. Same side effects as a nuke, 
     don't do that at home except if you've tried other methods */ 
    #id .class { property: value2 !important; } 

    @media(blah) { 
     /* Overridden. Thrice. */ 
     #id .class { property: value1; } 
    } 

    /* same selector, same everything except it comes after the one in @media? 
     Then the latter is applied. 
     Being in a @media doesn't give any more priority (but it won't be applied 
     everywhere, depending on "blah", that's the point of MQ) */ 
    #id .class { property: value2; } 

在前面的示例中，@media块之外的任何声明都将覆盖内部的一个声明，例如，价值2将被应用而不是价值1的原因有三个。

Answer 2

想重写bootstraps responsive.css。

我有一半的网站，我想使用默认的responsive.css，而另一半媒体查询导致错误的布局，所以我想删除它。

根据我的研究css不允许删除媒体查询。

所以我会去复制responsive.css并删除媒体查询。如果您无法访问源，覆盖可能是唯一的选择。