Почему медиазапрос не работает?

.navbar {
  position: relative;
  height: 52px;
  margin-bottom: 20px;
  border: 2px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
      min-height: 52px;
  }
}


Вопрос, почему у меня ничего не изменяется, по идее при маленьком размере экрана у меня адаптивное меню должно само растянуться как надо, в чем мб проблема? Например border-bottom должен быть внизу - он остался на месте, фон должен быть белым - он прозрачный, как-будто он не видит медиазапроса..

c4ee791d90c14236afcb28cbb8adc993.png
  • Вопрос задан
  • 576 просмотров
Пригласить эксперта
Ответы на вопрос 4
AlexanderTsymbal
@AlexanderTsymbal
tsymbal.su
используйте условие в медиа не min-width, а max-width.
min-width - срабатывает, когда ваша ширина больше чем указанное значение.
а max-width - это максимальная ширина, при которой будет срабатывать данное правило. т.е если ширина меньше этого значения - правило срабатывает. Если ширина превышает это значение, то ничего не происходит!
Ответ написан
@ostinred
media screen and (min-width: 768px) {}
медиа правилу нужны границы, от и до.
Ответ написан
@Zidkov
junior front-ender
У меня в chrome брикпоинт 768px срабатывает только на 560px. В мозилле деввелоп все ок работает.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы