EM・PX変換ツールとは？
emとpxは、CSSで文字サイズ・余白・レイアウトを指定する際によく使われる2つの単位です。px（ピクセル）は絶対値で固定された単位であるのに対し、emは親要素のフォントサイズを基準とした相対単位です。この変換ツールを使えば両者の値を相互に換算でき、レスポンシブなWebサイトを構築する際に、固定値と可変値を迷わず使い分けられます。
使い方
まず変換の方向（em→px、または px→em）を選びます。次に変換したい値と、基準となるフォントサイズをピクセル単位で入力してください。ブラウザの標準フォントサイズは16pxで、あらかじめ入力されています。「計算する」を押せば、変換結果がすぐに表示されます。
計算式の解説
変換は単純な比例関係で求められます。emからpxへ変換するには掛け算を使います：
$$\text{px} = \text{em} \times \text{基準値}$$逆にpxからemへ変換するには割り算を使います：
$$\text{em} = \frac{\text{px}}{\text{基準値}}$$ここでの「基準値」とは、そのem値が基準としているフォントサイズ（ピクセル）のことです。
計算例
たとえば、基準フォントサイズ16pxで1.5emを変換するとします。px = em × 基準値より、
$$1.5 \times 16 = 24\,\text{px}$$逆に、\(24 \div 16 = 1.5\,\text{em}\)です。もし基準値が20pxであれば、1.5emは30pxになります。
よくある質問
どの基準フォントサイズを使えばよいですか？ ほとんどのブラウザは標準で16pxです。CSSでルート要素や親要素のfont-sizeを変更している場合は、その値を使ってください。
emとremは同じものですか？ いいえ。remは常にルート要素のフォントサイズを基準とするのに対し、emは最も近い親要素のフォントサイズを基準とします。remを換算する場合は、ルートのフォントサイズを基準値として使ってください。
そもそもなぜemを使うのですか？ emはフォントサイズに応じて拡大・縮小するため、ユーザーが文字サイズを変更してもデザインが崩れにくく、アクセシビリティとレスポンシブ性を高められます。
