Задать вопрос
tyukavin_denis
@tyukavin_denis
web developer

Как бороться с альбомной ориентацией?

Суть вопроса: в мобильной версии сайта некоторые элементы при повороте в альбомный режим должны скрываться. Реализовал это с помощью media запроса @media screen and (orientation:landscape) {}.
На странице есть форма обратной связи. При фокусировке на любом imput появляется клавиатура и она всё ломает. Мобильный браузер переопределяет ориентацию устройства на альбомную и media срабатывает. Я понимаю, что область просмотра при вызове клавиатуры действительно становится альбомной, но это не дело.
Подскажите, пожалуйста, как это победить.
  • Вопрос задан
  • 260 просмотров
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Наверное, их надо скрывать не через media, а через JS с условиями соотношения сторон + инпут не в фокусе (или не открыта ли клавиатура, если это можно проверить)
Ответ написан
Ваш ответ на вопрос

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

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