中範囲のメディアクエリが機能しない

Question

Webサイトのボディパディングを画面サイズに応じて変更しようとしていますが、中程度の範囲が機能しません。このウェブサイトでは、デフォルトのモバイルサイズのボディパッドが使用されています。私は最小幅を768pxから767pxまたはそれ以下に下げて、それが何かを変えるかどうかを確認しようとしましたが、それはしませんでした。私は構文が間違っているのを見ることができません。私は何かを逃したか？ありがとうございました。

body{ 
    padding-bottom: 300px; 
    margin-bottom: 900px;  
} 

@media (min-width:768px) and (max-width: 991){ 
    body{ 
     padding-bottom: 300px; 
     margin-bottom: 500px;  
    } 
} 

@media (min-width:992px) { 
    body{ 
     padding-bottom: 300px; 
     margin-bottom: 100px;  
    } 
} 

@media (min-width:768px){ 
/*more codes here....... */ 
} 

Answer 1

は、最大幅のあるべき：991 PX

また、とあなたの最後の問合せ "よりコードが..." 以前の設定を上書きすることができます。彼らは何ですか？ここでこれらのプロパティを設定すると、文字通り「Ok、スクリーンが768pxより大きい場合にこれらを適用する」と言います。これは以前の範囲内であり、オーバーライドされます。