Как отключить деформацию сайта при открытии клавиатуры на планшете?

Question

[Александр Петров]

Ситуация такая:
У меня есть версия для планшета и обычная версия. Версия для планшета включается, если ширина экрана меньше 800px.
На сайте есть такой чат:


НО! Если открыть сайт на планшете и начать вводить туда текст, то открывается клавиатура и сайт почему-то начинает работать как будто у него ширина больше 800px и включается и обычная версия. Ну клавиатура сжимает сайт и ломает.
Не знаю как сриншот с планшета сделать, поэтому без картинки.

Как решается подобная проблема?

Comments

[Astrohas]

Для начала нужна ссылка

[Александр Петров]

Хасан Истамкулов: сайт закрыт, не получится(

[kulaeff]

А погуглить как делать скрин на планшете нельзя?

[Froggyweb]

Александр Петров: ну закрыт и хорошо. У других сайтов все нормально. Можно повесить предупреждение что после закрытия клавиатуры сайт будет деформирован обратно.

[Артем Рыженко]

Возможно стоит подключить планшет к ПК и попробовать отдебажить с помощью хрома.
Документация на английском

[Александр Петров]

Артем Рыженко, спасибо за дебажилку. В итоге оказалось, что проблему создвали css-media landscape

[Виолетта Морозова]

Артем Рыженко, испорченный у меня мозг)) совсем другое прочитала (отЪебажить) >

[Артем Рыженко]

Виолетта Морозова, это просто потому что нужно было использовать дебежилку хрома вместе с устройством)