CSS ユニット変換とは?
article.cssUnitConverter.intro
異なる単位は異なる目的に役立ちます: px は固定サイズ、rem はスケーラブルなタイポグラフィ、em は相対的な間隔、vh/vw はビューポート相対の寸法用です。これらの変換を理解することで、デザイン一貫性とアクセシビリティが確保されます。
一般的なユースケース
- ピクセルデザインモックアップを rem ベースの単位に変換して、異なる画面サイズでのアクセシビリティとレスポンシビリティを向上させます。
- ルートフォントサイズを 16px から 18px に変更する際、フォントサイズと行の高さを計算します。
- 印刷デザイン (pt) のポイントサイズを Web ユニット (px/rem) に変換して、印刷教材を Web に適応させます。
- ビューポート単位 (vh/vw) を使用して、画面の寸法に合わせてスケーリングするフローティングレイアウトを作成します。
CSS ユニット変換の仕組み
コンバーターは入力値と単位を取得し、サポートされているすべての CSS 単位で同等の値を計算します。標準変換係数を使用: 1rem = 基本フォントサイズ (デフォルト 16px)、1em = 親フォントサイズ、1pt = 4/3px、1cm = 37.795px、1in = 96px。プロジェクトのルートフォントサイズに一致するように基本 REM サイズを調整できます。
プライバシーとセキュリティ
すべての CSS ユニット変換はブラウザ内で完全に実行されます。外部サーバーに値が送信されないため、デザイン仕様と計算は非公開のままです。