PXからREMへのコンバーター
コピー可能な CSS 行とライブ参照テーブルを使用して、任意の基本フォント サイズで px から rem、rem から px、px から em に変換します。
結果
Rem 単位を使用すると、レイアウトがアクセスしやすくなります。ユーザーのフォント サイズの好みに応じて拡大縮小されます。しかし、一日中頭の中で 16 で割ろうとする人はいません。このコンバータは演算をライブで実行します。方向 (px → rem、rem → px、または px → em) を選択し、値を入力すると、結果が font-size: 0.875rem などのコピー可能な CSS 行とともに即座に表示されます。
基本フォント サイズ フィールドにより、ツールはあらゆるプロジェクトに適合します。ブラウザのデフォルトは 16 ピクセルなので、1rem はそのままでは 16 ピクセルに相当しますが、多くのコードベースは 1rem が 10 ピクセルになるように html { font-size: 62.5% } を設定します。ベースとして 10 を入力すると、すべての変換とテーブル行がそれに続きます。 px → em 方向では、ルートではなく親要素のフォント サイズに対して同じ計算が使用されます。これは、CSS の em と rem の違いとまったく同じです。
結果の下の参照テーブルには、現在のベースですでに変換されている最も一般的なデザイン サイズ (1、2、4、8、10、12、14、16、18、20、24、32、48、および 64 ピクセル) が表示され、ベースに一致する行が強調表示されます。これは、モニターにテープで貼り付けておきたいチートシートであり、実際に使用するベースと常に同期されます。
入力するとすべてがブラウザ内でローカルに行われます。アップロードやサインアップ、サーバーとの往復はありません。 rem → px、px → em、10px ベース、および 14、24、32 px などの一般的な値のプリセット ページでは、これらの質問に正確に対応できるように設定されたコンバータが開きます。