PXからEMへのコンバーター
コピー可能な CSS 行とライブ参照テーブルを使用して、任意の基本フォント サイズで px から rem、rem から px、px から em に変換します。
処理中...
0%
結果
このページでは、px → em 方向のコンバータが開きます。算術演算は rem と同じ除算 (ピクセルを基準フォント サイズで割ったもの) ですが、基準が異なります。em はルートではなく、親要素のフォント サイズ (または、font-size 自体の場合は要素の継承サイズ) を基準とします。
その違いは、コンポーネント自身のテキスト、em で記述されたメディア クエリ、またはフォント サイズが変更されると間隔が拡大するボタンに合わせて拡大されるパディングなど、em に手を伸ばすときとまったく同じです。基本フィールドに親の実際のフォント サイズを入力します。コンポーネントが 14 ピクセルのテキスト内にある場合、パディングの 21 ピクセルは 1.3125em ではなく 1.5em です。
結果にはコピー可能な CSS 行が含まれており、参照テーブルには、現在の親サイズに対して変換された一般的なピクセル サイズが表示されます。入力するとすべての更新がブラウザ内に反映され、ページからデータが流出することはありません。