Почему не работает media запрос при max-width > 2720px?

Question

[vovashaplin]

Почему не работает конструкция типа media (max-width: 900.98px) {...} . Браузер применяет свойства только для экранов < 720px. Но если сделать, например, max-width: 600, то все прекрасно работает. Что за бредовые правила сss ?

Comments

[Aleksander]

Правила работают как надо. Скорее всего ты не правильно имитируешь условия для срабатывания медиазапроса. Допустим, если при открытом интерфейсе инструмента разработчика в браузере ты начнёшь сужать окно, то такой медиазапрос:
@media screen and (max-width: 720px) { ... }
может выполниться даже при ширине 1000px.
Для правильной имитации ширины устройства нужно открыть соответствующий режим (Ctrl + Shift + M), в размерах выбрать опцию "Responsive" и менять ширину. Тогда медиазапрос max-width: 720px выполнится только при <=720px и никак иначе.

[vovashaplin]

Aleksander, Спасибо за помощь)

Answer 1

[Irkov]

Всё вполне себе работает: https://codepen.io/mesaga/pen/ExNpdOw