例:24px → 1.5em(基準 16px)
例:1.5em → 24px(基準 16px)
| Px | Em | よく使う用途 | 操作 |
|---|
Px(ピクセル):絶対単位で固定サイズ、ブラウザ設定に影響されません。1px は画面上の1物理ピクセルです。
Em:相対単位で、現在の要素のフォントサイズに対する相対値です。1em は現在の要素のフォントサイズに等しくなります。現在の要素にフォントサイズが設定されていない場合は、親要素のフォントサイズを継承します。
変換公式:
• Px → Em: em = px ÷ 基準フォントサイズ
• Em → Px: px = em × 基準フォントサイズ
使用の推奨:em 単位を使用すると、ページのレスポンシブ性とアクセシビリティが向上し、ユーザーはブラウザ設定でフォントサイズを調整できます。通常、ブラウザのデフォルトフォントサイズは 16px です。