在锅炉板上禁用响应

我只是想知道如何禁用Boilerplate框架上的响应CSS。在锅炉板上禁用响应

我到目前为止所做的是取代下面的不同属性。它似乎在Chrome上工作，但不在IE和Firefox上，所以我不确定如何真正做到这一点。

@media only screen and (min-width: 480px) {

通过

@media only screen and (max-width) {

有人能帮助我吗？

来源

2012-11-29 Kiwimoisi

我不知道的方式轻松全局覆盖一组与另一规则。然而有选择。

0）只要删除有问题的样式表。（我知道这不是你想要的答案，但它是最绝对的火法）。

1）如果可行，您可以创建第二个样式表，将第一个表中不需要的所有内容解除。这很难保持，但会给你你想要的。只要所有的规则都是相同的，并且它们在文档中的媒体规则之后，它们就会覆盖它们。

2）使用JavaScript，您可以完全禁用个别样式表，或者操作单个规则。退房document.styleSheets。它是一个包含样式表对象的数组。您可以说document.styleSheets[0].disabled = true禁用页面上的第一个样式表。您还可以遍历document.styleSheets[0].cssRules来操作样式表的所有CSS规则。

来源

2012-11-29 15:57:26

HTML5 Boilerplate中只包含占位符媒体查询，没有响应式CSS。它们不会对您的网站产生任何影响，因此您不必尝试禁用任何内容。

来源

2012-12-01 23:46:17 h5bp

如果您不希望响应式风格，您应该删除@media。

来源

2013-02-21 18:16:47 Erevald

在锅炉板上禁用响应

回答

相关问题