0

これは崇高な問題ではありません、私のコード

@media(min-width:801px){
    margin: 0 auto;
    margin-top: 40px;
    margin-left: 370px;
}

余白が白い色であることを崇高に示しています..次に、ブラウザでテストしましたが、予想どおり、cssは適用されません..上記の構文は問題ないはずです..これは何が起こったのですか?

4

2 に答える 2

1

これらのマージンをどの要素にも適用していません。メディア クエリは、通常の CSS セレクターを次のようにラップします。

@media (min-width:801px) {
    .myClass {
        margin: 0 auto;
        margin-top: 40px;
        margin-left: 370px;
    }
}

詳細については、MDN の CSS メディア クエリ ページを参照してください。

于 2013-10-08T14:43:40.280 に答える
1

メディアクエリ内でセレクターを定義する必要があります。

@media (min-width: 801px) {
    body {
        margin: 0 auto; 
        margin-top: 40px;
    }
}

http://jsfiddle.net/g7MVx/2/

于 2013-10-08T14:43:53.477 に答える