Блог

Вот ссылка на скрипку

У меня есть

     .hydrocarbons {
    float: left;
    width: 85.25%;
    }
  
    .claymore {
    float:  left;
    clear: right;
    }
  

в medium @media и

     .hydrocarbons {
    width: 91.67%;
    }
  

в самом маленьком @media.

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

Спасибо

Большой экран, как у ноутбуков / настольных компьютеров. Пример:

 @media (min-width: 768px){.div{width: 1px;}}
  

Маленький экран, как у мобильных телефонов. Пример:

 @media (max-width: 768px){.div{width: 1px;}}
  

Вы можете использовать !important; для переопределения, но не рекомендуется, если это не является абсолютно необходимым.