メディア画面と最小幅：965pxとのmax-width：965px

Question

@media screen and (min-width: 965px){ 
    //style here 
} 
@media screen and (max-width: 965px){ 
    //some other style 
} 

すべてのものは、以下より965pxで正常に動作しますが、965pxのバグの画面が

を修正するどのような方法があるで表示されたときその

Answer 1

だけYは区切ら保持され、互いに干渉しないよう

@media screen and (max-width: 964px){ 

に第二のいずれかを変更します。

Answer 2

スイッチ順序はと2

@media screen and (max-width: 964px){ 
    //some style 
} 


@media screen and (min-width: 965px){ 
    //style here 
} 

この方法の間、自分自身に余裕の1ピクセルを与え、重なりがありません。

注：画面サイズのクエリにbot minとmax widthを使用することは推奨されません。 min-widthを使用して最小値から最大値までリストすると、下の値が上の値より優先されます。

Answer 3

@mediaをさらに定義する場合を除き、@media screen and (min-width: 965px)という行を指してはいけません。

@media screen and (max-width: 964px)の前にデフォルトスタイルを定義することができます。このブロックでは、属性を再定義するか、必要な追加のスタイルを定義するだけです。