Высота окна 100% в мобильном хроме

Question

У меня есть отзывчивый сайт, где первый div на сайте заполняет всю высоту браузера, используя height: 100%. Мобильный браузер Chrome, к сожалению, скрывает адресную строку на некоторых устройствах, включая iPhone, iPad и многие устройства Android. Это приводит к переходу на страницу, потому что после прокрутки высота окна увеличивается и высота адресной строки.

Как предотвратить это?

Спасибо!

Answer 1

Напишите несколько JS, чтобы определить размер окна и установить высоту этого значения пикселя вместо процента. Обязательно обрабатывайте события изменения ориентации, чтобы учитывать этот сценарий.