0

テストとして、これが私のcssです:

*{margin:0;padding:0;outline:0;border:0;}

body{background:#686465;font-family:Arial,Verdana,sans-serif;font-size:100%;}
@media screen and (max-device-width:320px){
    body{background:red !important;}
}

@media screen and (max-device-width:800px){
    body{background:organge !important;}
}

これをテストするために、SDK を使用して 2 つの Android デバイスを実行しています。1 つは 3.2 インチ HVGA Slider 320x480 で、最初のルールはこのデバイスを取り上げ、ボディの背景を赤に設定します。2 番目のデバイスは Nexus 7 800x1280 ですが、これは両方のメディア ルールを無視します。ただし、最初のメディア ルールを削除すると、それが取得されます。どうして??

4

2 に答える 2

6

このリンクをhtmlファイルに入れましたか:-

<meta name="viewport" content="width=device-width, initial-scale=1.0;">

あなたが使用することができます-

@media only screen and (max-width:800px){ }

それ以外の-

@media screen and (max-device-width:800px){ }
于 2014-01-25T13:30:25.200 に答える
0

これに差し替え

*{margin:0;padding:0;outline:0;border:0;}

body{background:#686465;font-family:Arial,Verdana,sans-serif;font-size:100%;}
@media screen and (max-device-width:320px){
    body{background:red !important;}
}

@media screen and (max-device-width:800px){
    body{background:organge !important;}
}

これ

*{margin:0;padding:0;outline:0;border:0;}

body{background:#fcfcfc;font-family:Arial,Verdana,sans-serif;font-size:100%;}


@media screen and (max-device-width:800px){
    body{background:orange;}
}

@media screen and (max-device-width:320px){
    body{background:red ;}
}

メディア クエリ 1 の詳細

メディアクエリ-2

于 2013-03-29T09:28:28.460 に答える