Css mediaquery хорошо работает в Firefox, но не в Chrome

Question

@media screen and (max-width : 768px)
{
  header nav
  {
    background: red;
  }
}

Я написал этот медиа-запрос в Atom. Он отлично работает в Firefox, но не в Chrome. В Chrome это работает только когда я изменил max-width на min-width. Но в этой минимальной ширине изменения остаются одинаковыми во всех размерах. Я имею в виду, что только медиа-запрос из кода работает в chrome, когда я применяю min-width. Просьба предоставить решение.