viewport units

[1/1]

  1. CSS単位 vh/vwと%の違い
    CSSでは、要素のサイズを指定するためにさまざまな単位を使用します。その中でも、vh、vw、および%は、ビューポートのサイズに基づいて要素のサイズを調整する単位です。% (パーセンテージ) 親要素のサイズを基準にした単位です。例えば、50%は親要素の幅または高さの50%に相当します。
  2. モバイル100vhの落とし穴和解
    問題CSS3の100vh単位は、ビューポートの高さの100%を表します。しかし、モバイルブラウザでは、この値がデバイスの画面高さではなく、キーボードやナビゲーションバーなどの要素を含まないビューポートの高さに基づいて計算されることがあります。そのため、100vhを使用する要素が意図した高さにならないことがあります。