itsmatrik
@itsmatrik
Я - человек.

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

Есть два медиа запроса:

@media screen and (max-width: 1199px) {
    .header {
        display: none;
    }
    .mainText, .button {
        font-size: 45px;
    }
    .secondText {
        font-size: 30px;
    }
}

@media screen and (max-width: 479px) {
    .mainText, .button {
        font-size: 90px;
    }
    .secondText {
        font-size: 40px;
    }
}

С первым все прекрасно, когда в инструментах разработчика включаю режим просмотра на разных устройствах, то на каком нибудь ipad air медизапрос срабатывает (скрин 1), но если я переключаюсь на, например, samsung s20 (скрин 2), то второй медиазапрос не срабатывает, хотя ширина экрана 412 пикселей.Причем если выключить этот режим просмотра и просто сжать экран до 479 пикселей и меньше, то все прекрасно работает (скрин 3).Как это вообще понимать?
657d8c145a2a9874469285.png657d8c1b74901636777500.png657d8c24a2cc6887368877.png
  • Вопрос задан
  • 86 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Пригласить эксперта
Ваш ответ на вопрос

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

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