ピクセルからエム

親フォント サイズに基づいてピクセルを em 単位に変換します。スケーラブルでアクセス可能な CSS タイポグラフィーに不可欠です。

16px ÷ 16 = 1 em
結果
1 em

parent: 16px

px16em116px = 1em

この計算機について

em 単位は親要素のフォント サイズに相対的なため、rem とは異なりコンテキストに依存します。 px から em への変換は、コンテナに合わせてスケールする必要があるコンポーネントを構築する場合に便利です。 px 値と親のフォント サイズを入力すると、それに相当する値がすぐに得られます。これは、ネストされたコンポーネントのパディング、マージン、フォント サイズに最適です。

一般的な例

  • 16px = 1em (親 16px)
  • 24px = 1.5em (親 16px)
  • 14px = 0.875em (親 16px)
  • 20px = 1.25em (親 16px)
  • 12px = 0.75em (親 16px)