スマホ向けで水平・垂直に切り替えた時の挙動の対応方法を教えてください。

常にディスプレイに対して高さ100%表示にしたいです。
この時引っかかるのが「ロケーションバーや下のステータスバー」です。
垂直状態から水平に向きを変えた時、
その要素分空間が空いてしまいます。

ならないブラウザもありますが、OS標準であるSafariではなってしまいます。
常にディスプレイサイズに対して高さ100%にする方法ってありますか?