em→ピクセル変換

emの値と基準フォントサイズを入力してピクセルに変換します。

使い方

  1. 上のフィールドに値を入力します。
  2. 「計算」を押すと結果がすぐに表示されます。
  3. 「共有」ボタンで結果へのリンクをコピーできます。

この計算ツールについて

emはフォントサイズに結びついたCSSの相対的な長さの単位で、1emは常に、適用された要素の現在のfont-sizeに等しくなります(font-size自体に使う場合は、親要素のfont-sizeです)。ブラウザはルートのfont-sizeを既定で16pxにしているため、既定の設定では1em = 16pxとなり、一般にはpx = em × 基準フォントサイズです。基準が16pxのとき2emの見出しは32pxで表示されますが、基準が18pxなら同じ2emでも36pxで表示されます。

emはユーザーや親要素のfont-sizeに合わせて拡大縮小するため、レスポンシブでアクセシブルな文字組みを行うCSS開発者がよく選ぶ単位です。line-height、余白、そしてブラウザの文字サイズ設定が大きくされたときに一緒に大きくなるべきfont-sizeなどに使われます。ピクセルベースのデザインモックアップ(FigmaやSketch)を、拡大縮小できるアクセシブルなCSSに置き換えるとき、emとピクセルの換算は定番の作業です。

このページは役に立ちましたか?

リアクションは最大3つまで選べます。

コメント

  • 最初のコメントを投稿しましょう。

人気の計算機

すべての計算ツール