Как адаптировать сайт по высоте ко всем устройствам?

Question

[Ильдар Зарипов]

Добрый день!
Подскажите как адаптировать чат cabinet.mdarom.ru/message.php ко всем размерам экрана.
По ширине он хорошо растягивается а вот по высоте ну ни как не могу заставить его нормально растянуться.
Логин и пароль: 9196820806

Comments

[Ankhena]

Не уверена, что правильно поняла, как оно должно себя вести. Так: https://jsfiddle.net/4gqwct2v/ ?
ширина 90, чтобы было понятно, что происходит

Answer 1

[Владислав Лысков]

height: 40vh; убери

Comments

[Ильдар Зарипов]

Убрал теперь поле с сообщениями выходит за границы экрана, а нужно что бы появился scroll.

[Владислав Лысков]

Ильдар Зарипов, ну поменяй ему message-bar col-xs-12 col-sm-12 absolut на fixed

Answer 2

[Илья Шапка]

На экране 5" все отлично. Но разве по высоте может плохо растягиваться?

Comments

[Ильдар Зарипов]

На 5'' еще более менее все смотрится, но если на PC то чат в пол экрана по высоте. Я пытаюсь добиться, что бы поле ввода текста было прибито к нижнему краю экрана, а основное поле с сообщениями занимало оставшуюся часть экрана.
Ни как не получается думал hight:100% но не работает. Что только не перепробовал уже.