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 クエリは機能し、2 番目の @media ブロックは無視されます。W3C CSS Validator は、「長さにできるのは 0 だけです。数値の後に単位を付ける必要があります ) { header#mast h1 { font-size: 1em; } }」と不満を述べています。

本当に明らかな何かが欠けていますか？

4

1 に答える 1

0

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=== */
于 2013-06-01T22:51:40.417 に答える