CSSメディアクエリの問題

Question

CSSメディアクエリに問題があります。

私はクエリを呼び出すコード行を認識しません。

私はここで何をすべきかわからないんだけど、私は私のCSSを見ると、それはOKに見えると問題になることはありませんし、まだ...

誰もがこの問題を持っていますか？

私のコードに何か問題がありますか？

これは私のCSSコードです：

あなたのコードを見てみると

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

    .container { 
     font-family:'Open Sans Condensed', sans-serif; 
     width: 100%; 
     margin: 0 auto; 
     position: relative; 
     overflow: auto; 
    background-color: #fff; 
    }  
    } 

    body{ 
     margin:0; 
     padding: 0px; 
     background-color: rgba(228,227,227,1); 

    } 

    .container{ 
     width: 800px; 
     height: auto; 
     clear: both; 
     margin: 40px auto; 
     overflow: auto; 
     background-color: #fff; 
    } 

Answer 1

私はあなたの問題は、オーダーの問題だと思います。メディア以外のクエリスタイルの前にメディアクエリを呼び出して、そのメディアクエリ内で設定したものがオーバーライドされている場合は、メディアクエリがメディア以外のクエリスタイルをオーバーライドするためにはどのようにする必要があります。

body{ 
    margin:0; 
    padding: 0px; 
    background-color: rgba(228,227,227,1); 
} 
.container{ 
    width: 800px; 
    height: auto; 
    clear: both; 
    margin: 40px auto; 
    overflow: auto; 
    background-color: #fff; 
} 
@media screen and (max-width: 600px) { 
    .container { 
      font-family:'Open Sans Condensed', sans-serif; 
      width: 100%; 
      margin: 0 auto; 
      position: relative; 
      overflow: auto; 
      background-color: #fff; 
    }  
}