iPhone/SafariのCSS:100vh

iPhone 7 / iOS 13.3

通常ポートレート

  • 100vh は 628px
  • 下端ツールバー(アクションバー)高さは 44px

通常ランドスケープ

  • 100vh は 375px
  • 上端ツールバー(アクションバー)高さは 50px

アプリ内ポートレート

  • 100vh は 584px ???
  • 下端ツールバー(アクションバー)高さは、通常とおなじ 44px
  • 右側の状態で innerHeight より 100vh の方が 44px 小さい。下端ツールバー(アクションバー)の高さぶんだが、100vh の方が小さいってどういうこと?バグではないの?

アプリ内ランドスケープ

  • 100vh は、通常とおなじ 375px
  • 上端ツールバー(アクションバー)高さは、通常より少し低く 44px