Верстка под мобайл

подскажите я делаю аналог мобильного приложения в виде сайта, и размеры элементов устанавливаю в 100% высоты экрана используя javascript, но когда открывается мобильная клавиатура, высота экрана становится в два раза меньше, и все плывет, подскажите как пофиксить данный баг. Желательно юзать онли html/css & javascript


Ответы (1 шт):

Автор решения: Greg--

У вас где то листенер стоит на resize окна, у вас постоянно будет прыгать из-за этого на мобильной версии (при прокрутке вниз прячется верхняя строка браузера на мобайле как следствие будет пересчет..)

Сделайте к примеру при ресайзе окна - вызов функции с matchMedia() и только если сменилась ориентация экрана или ширина (не высота) - вызывайте пересчет высоты сайта

→ Ссылка