10pxベースのPXからREMへのコンバーター
コピー可能な CSS 行とライブ参照テーブルを使用して、任意の基本フォント サイズで px から rem、rem から px、px から em に変換します。
処理中...
0%
結果
このページでは、基本フォント サイズが 10px にプリセットされたコンバータが開きます。これは古典的な HTML { font-size: 62.5% } の設定です。ブラウザのデフォルトの 16px の 62.5% はちょうど 10px なので、rem 値は簡単に読み取れるようになります。14px は 1.4rem、18px は 1.8rem、24px は 2.4rem です。
チームは、厄介な 16 分の 1 を避けるために、正確に 10 ピクセルを採用しています。14 ピクセルが 0.875 レムであることを覚える代わりに、小数点を移動するだけです。このトリックでは固定ピクセル値ではなくパーセンテージを使用するため、ユーザーがブラウザー設定で設定したフォント サイズが依然として尊重されます。これは、そもそも rem 単位のアクセシビリティ引数全体です。
任意のピクセル値を入力して、コピー準備ができた CSS 行とともに 10 ピクセル ベースで相当する rem を取得し、変換済みの 1 ～ 64 ピクセル スケール全体について以下の参照表を確認してください。プロジェクトで異なるルート サイズを使用している場合は、ベース フィールドを変更すると、すべてがライブに従います。