Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 第二个@media查询触发错误_Css_Media Queries - Fatal编程技术网

Css 第二个@media查询触发错误

Css 第二个@media查询触发错误,css,media-queries,Css,Media Queries,我无法找出以下CSS中的错误: @media all and (min-width: 570px) and (max-width: 970px) { .contain { padding: 0 0 0; } .two { display: none; width: 0; margin-right: 0; } .two .tube { padding: 0 0 0;

我无法找出以下CSS中的错误:

@media all and (min-width: 570px) and (max-width: 970px) {
    .contain {
        padding: 0 0 0;
    }

    .two {
        display: none;
        width: 0;
        margin-right: 0;
    }

    .two .tube {
        padding: 0 0 0;
    }

    nav#primary .contain {
        padding: 0 240px 0 0;
        margin: 0 auto;
    }

    nav#primary .contain .two {
        display: inherit;
        width: 240px;
        margin-right: -240px;
    }
}

/*
 *  Keep headers in proportion
 */

@media all and (min-width: 971px) and (max-width: 1060) {
    header#mast h1 {
        font-size: 3.2em;
    }
}
第一个@media查询起作用,第二个@media块被忽略。W3CCSS验证器抱怨说“只有0可以是一个长度。你必须在你的数字后面加一个单位){header#mast h1{font size:1em;}”

我遗漏了一些非常明显的东西吗?

HTML在哪里

嗯。。。这是你所写内容的一个版本,没有任何不必要或多余的部分。但是没有HTML我无法测试它

@media (min-width: 570px) { /* =========START=== */

    .contain {
        padding: 0;
    }

    .two {
        display: none;
        width: 0;
        margin-right: 0;
    }

    .two .tube {
        padding: 0;
    }

    .primary .contain {
        padding: 0 240px 0 0;
        margin: 0 auto;
    }

    .primary .contain .two {
        width: 240px;
        margin-right: -240px;
    }

} /* =====================================END=== */



@media (min-width: 971px) { /* =========START=== */

    .mast h1 {
        font-size: 3.2em;
    }

} /* =====================================END=== */

最大宽度:1060
=>
最大宽度:1060px
?哦,天哪。。。是的,就是这样。有点尴尬,如果我自己这么说;)@dsfq应该将他们的评论放在回答中,这样您就可以进行核对。