CSSのvhの単位は何ですか?

vh は CSS の相対的な長さの単位で、ビューポートの高さのパーセンテージを表します。1vh はビューポートの高さの 1% に相当します。ビューポートの高さは、ブラウザ ウィンドウの表示部分の高さを指します。ブラウザを除くツールバー、アドレスバー、スクロールバーなどのページ以外の部分。

# このチュートリアルのオペレーティング システム: Windows 10 システム、Dell G3 コンピューター。

vh は CSS の相対的な長さの単位であり、ビューポートの高さのパーセンテージを表します。具体的には、1vh はビューポートの高さの 1% に相当します。

ビューポートの高さは、ブラウザ ツールバー、アドレス バー、スクロール バーなどのページ以外の部分を除いた、ブラウザ ウィンドウの表示部分の高さを指します。したがって、vh ユニットを使用して、ビューポートの高さに基づいて応答性の高いレイアウトを作成できます。たとえば、要素の高さを常に現在のビューポートの高さの半分に等しくしたい場合、次のスタイルを使用できます:

.element {  
height: 50vh;
        }

これにより、.element 要素の高さは常に次と等しくなります。現在のビューポートの高さの半分。

vh 単位はビューポートの高さに対するパーセンテージであるため、相対単位であることに注意してください。ブラウザ ウィンドウのサイズが変更されると、要素の寸法もそれに応じて調整されます。

以上がCSSのvhの単位は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。