Как изменить css для корректного отображения адаптивной версии страницы для мобильных устройств с keyboard?

Question

[HelenChydilove]

Всем привет и всех с прошедшими праздниками!
Столкнулась с кейсом виртуальной клавиатуры на мобильных устройствах при написании адаптивной версии сайта.
Есть форма на сайте, как только начинаешь ее заполнять на виртуальной клавиатуре адаптация сайта ломается. Пока есть такое решение, добавить в media query height экрана.
Подскажите, люди добрые, как вы справляетесь?

Comments

[HelpSophie]

Не делаем зависимости от vh.
Но если по дизайнерской задумке приспичило, то значит форму нужно организовывать в модалке.
Хотя об этом должен был думать дизайнер или прототипист.

Answer 1

[tyzberd]

подключите телефон к пк и дебажте https://developers.google.com/web/tools/chrome-dev...
смотрите какие стили пропадают при открітой клавиатуре, какие появляются. Знаю что при открытой клавиатуре меняется ориентация на landscape