Проблема с запросами на мультимедиа CSS

Question

У меня возникают проблемы с запросами на мультимедиа CSS.

Он не распознает строку кода, которую я вызываю для запроса.

Я не уверен, что делать здесь, я вижу, мой CSS, и это выглядит нормально, и не должно быть проблемой, и все же ...

ли кто-нибудь есть этот вопрос?

В коде есть что-то неправильное?

Это мой 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

Глядя на ваш код я думаю, что ваш вопрос является предметом заказа. Вы вызываете свой медиа-запрос перед типом non-media query, поэтому все, что вы устанавливаете внутри этого медиа-запроса, переоценивается, вот как это должно быть, чтобы ваш медиа-запрос мог переопределить стили не-мультимедийных запросов.

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; 
    }  
}