CSSを使用してWebアプリケーションの高さを維持する= innerHeight

Question

私は応答性の高いWebアプリケーションを構築しており、iOS Safariや他のモバイルブラウザのアドレスバーやナビゲーションバーに何も表示されないようにしたいと考えています。

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

をしかし、この問題を解決するためのCSS-唯一の方法がありますかと思いまして：

私は現在、このコードを使用しています。

Answer 1

多分、 "vh"ユニットがコードを見ずに何らかのテストをするのが難しい場合があります。ビューポートの高さが必要な要素にheight:100vh;を追加してみてください。