html - 在 Boilerplate 上禁用响应

Question

我只是想知道如何在 Boilerplate 框架上禁用响应式 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 规则。