Почему при повороте устройства в горизонтальное положение или обратно не применяются медиа запросы?

Question

[Владимир Голубь]

При повороте устройства в горизонтальное положение или обратно не применяются медиа запросы. Не работает как на реальном устройстве, так и на эмуляторе в хром ?

Comments

[Рома Зварич]

Выложите код на CodePen, чтобы на Вашем примере попытаться поискать и показать решение проблемы

[Brad9aga]

Рома Зварич, это слишкам сложна

[sergski]

Brad9aga, это вопрос на собеседовании)

Answer 1

[Владимир Тимошко]

Возможно, вы накрутили с разрешениями в медиа-запросах. Если бы хотя-бы пример проблемы выложили было б проще, но я допускаю такой варианты решения проблемы:

Если используете просто width: 100px; height: 100px;, то рекомендую перейти на минимальное и максимальное разрешение:

min-width: 320px; max-width: 836px; min-height: 100px; max-height: 500px;

, или в противном случае наоборот.