CSS ユニット コンバータ

CSS ユニット コンバータは、CSS がサイズ設定に使用する単位間の長さを、PX、REM、EM、PT、および % のサイズ設定に変換します。 現代的なレスポンシブ デザインは、ユーザーのフォント サイズ設定とズームに合わせて REM と EM のスケールを基準にして、通常のレスポンシブ デザインに頼るのに対し、デザインのモックアップや古いスタイルシートは通常固定ピクセルで表現されます。 このツールは 24px のような値を取り、1.5rem、1.5em、18pt、および 150% と同時に表示され、1 つのフィールドからあらゆる方向に機能します。

変換はすべて、HTML 要素のブラウザのデフォルトであるため、デフォルトで 16px になるルート (ベース) フォント サイズの 1 つの数字にかかっています。 1 つの REM は常にその基本フォント サイズに等しく、16px の場合、16px は 1rem、24px は 1.5rem、8px は 0.5rem です。 ポイントは CSS 参照ピクセルに結び付けられます — 1 インチは 96px と 72pt — したがって、1pt は 96/72 に等しく、約 1.333px になります。 パーセントは基本フォント サイズの共有として扱われるため、100% は基本に等しく、50% はその半分に等しくなります。

入力するとすべてがブラウザで実行されるため、アップロードもサーバーでの待機も、変換する値の数に制限もありません。 基本フォント サイズを変更して、独自のフォント サイズを設定するコンポーネントをモデル化し、すべての単位で結果を読み取って、必要なものをコピーします。 組み込みの PX-to-REM テーブルは、タイプ スケールで最も多く表示されるサイズのすぐに参照できます。