ピクセルからエム
親フォント サイズに基づいてピクセルを em 単位に変換します。スケーラブルでアクセス可能な CSS タイポグラフィーに不可欠です。
16px ÷ 16 = 1 em
結果
1 em
parent: 16px
この計算機について
em 単位は親要素のフォント サイズに相対的なため、rem とは異なりコンテキストに依存します。 px から em への変換は、コンテナに合わせてスケールする必要があるコンポーネントを構築する場合に便利です。 px 値と親のフォント サイズを入力すると、それに相当する値がすぐに得られます。これは、ネストされたコンポーネントのパディング、マージン、フォント サイズに最適です。
一般的な例
- 16px = 1em (親 16px)
- 24px = 1.5em (親 16px)
- 14px = 0.875em (親 16px)
- 20px = 1.25em (親 16px)
- 12px = 0.75em (親 16px)