CSS vm / vh / vmin / vmax メモ

CSS Values and Units Module Level 3 – vm / vh / vmin / vmax
Unit Description
vw (viewport width) Viewport の横幅を 100 としたときの 1/ 100
vh (viewport height) Viewport の高さを 100 としたときの 1/ 100
vmin (viewport minimum) vw / vh のうち, 小さいほうの値
vmax (viewport maximam) vw / vh のうち, 大きいほうの値

 

例えば …

  • Viewport 800px の場合, 1vw は 8px
  • Viewport 1000px の場合, 1vw は 10px