viewport

CSS

【解決法】iOS12+ブラウザ(Safari / Chrome)で100vhの設定が想定どおりに動かない件

「レスポンシブサイト」を作ったものの、モバイル端末での表示が崩れる。PCでは想定通りに表示されるのに、iPad Pro(OSは最新版に更新しているためiOS12)での表示がおかしくなってしまったのです。Webページ全体の高さをCSSで「height: 100vh」で設定すると、なぜか画面の下側がはみ出してしまうのです。