@Vlobik
HTML / CSS / BOOTSTRAP / MODX / Photoshop

Почему в браузере Safari не работает данный media запрос?

Здравствуйте. Сверстал сайт. Проверил его в популярных браузерах, на всех все как нужно отображается, а в safari беда..
Регулирую отображение медиа-запросами. Проверяю на Safari в режиме отзывчивого дизайна. И вижу что в Safari на мобильном устройстве не работает именно этот код:

@media (max-width: 320px) and (max-height: 600px) {
    header {
        height: 130vh;
    }
}


Работает только этот код:
header {
height: 100vh;
overflow: visible;
background: url(../../img/header-bg.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


Медиа-запрос с header расположен ниже основного header.
Другие медиа-запросы работают. Только с этим что-то не так. Думал может проблема в "vh", изменил на "px" - не помогло.. Помогите пожалуйста с решением проблемы. Куда копать?
  • Вопрос задан
  • 453 просмотра
Пригласить эксперта
Ответы на вопрос 1
Max-GopheR
@Max-GopheR
Web разработчик
Может у сафари высота по другому считается и получает высоту например 605рх? Попробуйте поиграть с высотой и шириной. Сафари он такой...
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы