モバイル デバイスでビューポートの幅と高さ全体を埋める div を作成しようとしています。問題は、モバイル Safari と Android ブラウザーには、ユーザーがページを操作し始めると消えるナビゲーション メニューがあることです。ナビゲーション バーはビューポートの高さを小さくしますが、それがなくなると、リッスンできる JavaScript イベントが見つからないため、ビューポートの高さと幅の更新された値を取得できます。
Mobile Safari のナビゲーション メニューが表示されなくなったときに発生する JavaScript イベントはありますか? ビューポートの高さを確認するためにxミリ秒ごとにタイマーを起動する代わりに、リッスンできるイベントがあることを望んでいました。
ここでは、「ナビゲーション バー」と言うときの用語を説明する図を示します。