vh とは?

vh‥viewport height。ビューポートの高さに対する割合を指定する。100vh が元のビューポートと同一。

これのキモはビューポートに対しての割合というところだろう。スマホやタブレット, PC ではそれぞれビューポートの大きさが違うわけで vh を使うことでこれらの違いを意識する必要がなくなる。レスポンシブという概念を強く意識した単位ですね。



カテゴリーCSS
クリックclose

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です