Html 在样板文件上禁用响应

Html 在样板文件上禁用响应,html,css,html5boilerplate,Html,Css,Html5boilerplate,我只是想知道如何在样板框架上禁用响应css 到目前为止,我所做的是替换如下所示的不同属性。它似乎在chrome上有效,但在IE和Firefox上无效,所以我不知道如何真正做到这一点 @media only screen and (min-width: 480px) { 借 有人能帮我吗 KR我不知道有什么方法可以轻松地用一组规则全局覆盖另一组规则。但也有选择 0)只需删除有问题的样式表。(我知道这不是你想要的答案,但这绝对是最可靠的方式) 1) 如果可行,可以创建第二个样式表,以撤消第一个样式

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

到目前为止,我所做的是替换如下所示的不同属性。它似乎在chrome上有效,但在IE和Firefox上无效,所以我不知道如何真正做到这一点

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

有人能帮我吗


KR

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

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

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


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

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

如果您不想使用响应式风格,您应该删除
@media

@media only screen and (max-width) {