Golovina90
@Golovina90
Начинающий Web-Master

Почему не видно медиа запросы?

Здравствуйте.
Есть медиа запросы вида:
@media (min-width : 320px) and (max-width : 380px) {}
@media only screen and (max-width : 460px) {}

В панели разработчика Оперы, Хрома, Мозилы их прекрасно видно.
НО!
Вот именно эти медиа запросы не видно вообще:
@media (min-width : 1181px) and (max-width : 1199px) {
	.salon-yamap {height: 280px;}
}
@media (min-width : 1160px) and (max-width : 1180px) {
	.salon-yamap {height: 270px;}
}
@media (min-width : 1130px) and (max-width : 1159px) {
	.salon-yamap {height: 260px;}
}
@media (min-width : 1100px) and (max-width : 1129px) {
	.salon-yamap {height: 250px;}
}
@media (min-width : 1080px) and (max-width : 1099px) {
	.salon-yamap {height: 240px;}
}
@media (min-width : 1050px) and (max-width : 1079px) {
	.salon-yamap {height: 230px;}
}
@media (min-width : 1020px) and (max-width : 1049px) {
	.salon-yamap {height: 220px;}
}
@media  (min-width : 991px) and (max-width : 1019px) {
	.salon-yamap {height: 210px;}
}
@media only screen and (max-width : 990px) {
	.salon-yamap {height: 300px;}
}

При этом в общем файле к блоку есть стили:
.salon-yamap {
    /*background-color: red;*/
    width: 100%;
    height: 285px;
}

Подскажите, в чём может быть дело? По логике, может быть просто где опечатка или ошибка.
Кэш чищу всегда.
-----
Ответ в комментах. Вывод: проверяйте написание кода.
  • Вопрос задан
  • 92 просмотра
Решения вопроса 1
@phpneguru
Попробуйте так:
@media  all and (min-width: 991px) and (max-width  1019px) {
  .salon-yamap {height: 210px;}
}

А как вы проверяете?
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@ArtJH
1) Вы слишком позиционируете этот элемент прям по px. Используйте % или em или rem. Очень сильно упростит адаптивку
2) Они должны быть видны, возможно вы не подключили данный файл с стилями или разрешение экрана не сделали как в условиях
3) скиньте скрин консоли разработчика, или ссылку сайта
Ответ написан
Ваш ответ на вопрос

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

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