表示領域の幅に応じてフォントサイズを可変させるCSSの単位「vw」

CSSの font-size プロパティの値に vw という単位を使うと、ビューポートの幅に応じて、フォントサイズを可変させることができる。

vw について

vw 単位はviewportの幅の1%。100vwはビューポートの幅と同等になる。

vw を使う上での注意

vw はブラウザ、またはブラウザのバージョンによってはサポートされていないので、font-size の値の単位に vw を指定する際は注意が必要。

Previous Article

Next Article