Почему медиа запросы не отрабатывают на граничных точках?

Я не спец. по верстке, но Интересует вопрос почему медиазапросы, возьмем на примере бутстрапа 3го, не отрабатывают на граничных брейкпоинтах.
например блок с классами
.hidden-sm .hidden-md
где соответственно:
@media (max-width: 991px) and (min-width: 768px){
.hidden-sm {
    display: none!important;
}
}
@media (max-width: 1199px) and (min-width: 992px){
.hidden-md {
    display: none!important;
}
}

не будет скрыт при ширине экрана 991 px (т.е. на границе перехода стили не отработают). почему так происходит и как это решается?
  • Вопрос задан
  • 150 просмотров
Решения вопроса 1
myrecs
@myrecs Автор вопроса
проблема оказалась в том что на мониторах с высоким разрешением стоит масштабирование в настройках системы (напр. 150% для приложений и прочего) и это дает неправильное отображение в таких ситуациях в браузерах. при установке 100% все ок. так что может будет полезно кому.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Steppp
Скобки забыл!

@media (max-width: 1199px) and (min-width: 992px) {
  .hidden-md {
      display: none!important;
  }
}
Ответ написан
Ваш ответ на вопрос

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

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