html - 在 Boilerplate 上禁用响应

Question

我只是想知道如何禁用样板框架上的响应式 css。

到目前为止，我所做的是替换不同的属性，如下所示。它似乎适用于 chrome，但不适用于 IE 和 Firefox，所以我不确定如何真正做到这一点。

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

经过

@media only screen and (max-width) {

有人能帮我吗 ？

韩国

Answer 1

我不知道有一种方法可以轻松地用另一组规则全局覆盖一组规则。不过也有选择。

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

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

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

Answer 2

@media如果您不想要响应式样式，则应该删除。

Answer 3

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