< meta name="viewport" content="width=device-width" >
< body >
< div > logo < / div >
< div style="position:fixed;top:100px;bottom:100px" > блок чата < / div >
< div style="position:fixed; >блок ввода текста в чат < / div >
body >
суть в том, на смартфоне я нажимаю на окно ввода текста в чат чтобы напечатать текст.
смартфон выдает клавиатуру, часть страницы поднимается вверх
при этом блок чата увеличивается на оставшуюся часть экрана
когда сообщение отправил, клавиатура исчезает, но в прежние размеры страница не возвращается, чат остается увеличенным, нужно самому проводить пальцами чтобы вернуть исходный размер