2020年09月11日(金)

CSSでheight: 100vh;を定義したのに、iOSのスマホで高さいっぱいに表示されないのを解決するCSSのテクニック

• 0
• 342
• 380
• 291

iOSのスマホでheight: 100vh;を定義してビューポートの高さいっぱいに表示したいのに、アドレスバーが表示されているとその分下が隠れて表示されてしまい、高さいっぱいにならないのを解決する方法を紹介します。

CSSのみのテクニックで、JavaScriptは必要ありません。
height: 100vh;だけでなく、min-heightやmax-heightでも機能します。