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

Question

[Yes It's matrik]

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

@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).Как это вообще понимать?

Answer 1

[Сергей delphinpro]

https://yandex.ru/search/?text=meta+viewport

Comments

[Yes It's matrik]

Спасибо