Блог

Я создаю адаптивное веб-приложение и хочу гарантировать, что адресная строка или панель навигации в iOS Safari и других мобильных браузерах не будут непреднамеренно скрыты.

В настоящее время я использую этот код:

         window.onresize = function (event) {
            toastr.warning("resized");
            var h = window.innerHeight;
            document.getElementById("applicationHost").style.height = h   'px';
        };
  

Но мне было интересно, есть ли способ решить эту проблему только с помощью CSS.

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