css - 第二个@media 查询触发错误

Question

我无法弄清楚以下 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 block 被忽略。 W3C CSS Validator 提示说“只有 0 可以是长度。你必须在你的数字后面加上一个单位 ) { header#mast h1 { font-size: 1em; } }”。

我是否漏掉了一些非常明显的东西？

Answer 1

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=== */