メディアクエリ - 2つの幅の間

Question

私はCSS3メディアクエリを使用して、幅が400ピクセル以上900ピクセル未満の場合にのみ表示されるようにしようとしています。私はこれがおそらく非常にシンプルであることを知っています。私は何かが分かりませんが、私はそれを理解できません。私が思いついたのは、以下のコードです。何か助けていただければ幸いです。

あなたは自分の価値観を切り替える必要

@media (max-width:400px) and (min-width:900px) { 
    .class { 
     display: none; 
    } 
} 

Answer 1

：

/* No greater than 900px, no less than 400px */ 
@media (max-width:900px) and (min-width:400px) { 
    .foo { 
     display:none; 
    } 
}​ 

デモ：http://jsfiddle.net/xf6gA/（背景色を使用して、それを確認するために簡単ですので）

Answer 2

サンプソン@ジョナサン私はあなたならば、あなたのソリューションが間違っていると思います複数使用する@media

あなたは（分幅の最初の）を使用する必要があります

@media screen and (min-width:400px) and (max-width:900px){ 
    ... 
} 

Answer 3

.class { 
 
    display: none; 
 
} 
 
@media (min-width:400px) and (max-width:900px) { 
 
    .class { 
 
     display: block; /* just an example display property */ 
 
    } 
 
}