絶対サイズ・相対サイズってなに？CSSでのフォントサイズ設定 ‣ てんハロ

絶対サイズ vs 相対サイズ vs キーワード値

フォントサイズの指定方法には、絶対サイズ・相対サイズ・キーワード値があります。それぞれの利点と欠点を見ていきましょう。

px（ピクセル）など、固定されたサイズを指定します。

利点：一貫したサイズが保証される。

欠点：レスポンシブデザインが難しい。

emやrem、%など、親要素やルート要素に対する相対的なサイズを指定します。

利点：レスポンシブデザインに適している。

欠点：親要素のサイズに依存するため、設定が複雑になる場合がある。

CSSには、small、medium、largeなどのキーワード値もあります。これはブラウザによって定義された相対的なサイズです。

利点：シンプルで読みやすい。一貫した相対サイズを簡単に設定できる。

欠点：具体的なサイズの調整ができない。ブラウザごとに解釈が異なる場合がある。

多くのプロフェッショナルなウェブデザイナーや開発者は、以下の理由からremを使用しています。

ウェブサイトのフォントサイズを設定する際は、相対サイズのremを使用することをオススメします。

絶対サイズのpxも一部のケースでは有用ですが、全体的なデザインの一貫性を保つためには相対サイズの方が適しています。

状況に応じて、設定してみてください！