Специальный запрос на мультимедиа не работает

Question

Я создал стиль @screen-xs-max и @screen-sm-max. Оба этих запроса сработали. Теперь я пытаюсь стиль @screen-md-max, и стили не будут применяться к определенному div. Не все стили - только для определенного div. Они даже не появляются вообще, когда вы проверяете элемент?

HTML:

<div class="screenshot-projects bottom-border wrap" style="background-color:#fff;"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-7"> 
       <div class="projects-img"> 
        <img src="~/Images/img-lgipad.png" /> 
       </div> 
      </div> 
</div> 

Минус:

@media (max-width:@screen-md-max) { 

    .screenshot-projects { 

     projects-img { 
      max-width: 300px!important; 
     } 
    } 
} 

Единственный стиль не прилагая это один к размеру изображения - это вместо того, чтобы принимать весь экран, и это только происходит, когда я изменяю размер до среднего. В xs и s это max:100%;, и оно применяется.

Answer 1

Вы забыли точку

@media (max-width:@screen-md-max) { 

    .screenshot-projects { 

     .projects-img { 
      max-width: 300px!important; 
     } 
    } 
}