hene

hene.dev

viewport について

viewport について

  • vw: ビューポートの幅
  • 1vw = ビューポートの幅の 1/100 = ビューポートの幅の 1%
  • 100vw = ビューポートの幅

viewport とは?

  • 表示領域のこと
  • 表示されている画面の横幅
  • ブラウザ幅

% だと親要素を 100% としているため、 % だと取ることができない親要素より広い幅をビューポートだと取れる。

要素を 3 つ均等に並べたい時などに使える。 時間があるときに例を書いてみます。

参考?