Height 100vh for mobile browsers iPhone and Android

При высоте контейнера height:100vh; на мобильных устройствах, этот контейнер немного перекрывается адресной строкой вверху, либо панелью управления мобильного браузера внизу. Мобильном устройстве, при прокрутке страницы ниже, адресная строка и панель управления убираются, после чего наш контейнер показывается полностью.

Отследить правильный размер экрана нам поможет этот JS код:

window.innerHeight //показывает действительную высоту экрана

Запускать это лучше всего при загрузке страницы, а потом при скролле браузера.
Событие scroll:

window.onscroll = function () {
   // scroll event
};