CSSユニット変換ツール
ルートフォントサイズ、ビューポート幅、親要素サイズを設定してCSSユニットをリアルタイムで変換します。すべてのフィールドが連動します。アップロードなし。
rootサイズ、viewport幅、parentサイズを基準にpx、rem、em、vw、vh、pt、pc、%を相互換算します。
CSS単位を変換する方法
- 必要に応じてroot size、viewport width、parent sizeを変更します。
- 対応する任意の単位欄へ値を入力します。
- 他の単位欄へ反映された換算値を確認します。
換算の前提
remはroot、emと%はparent、vwはviewport widthを基準にします。
vhは実際の画面高ではなくviewport widthの75%を高さと仮定します。ptは96 CSS px/inch、pcは16px基準です。
プライバシーと制限
すべてブラウザ内で計算します。実際のcomputed font sizeやviewport heightを測るのではなく、入力した前提値から算術的に換算します。
CSS単位変換FAQ
対応単位は？
px、rem、em、vw、vh、pt、pc、%です。
remの基準は？
root size入力です。
emと%の基準は？
parent size入力です。
vhは実際の高さですか？
いいえ。viewport width×0.75の近似です。
ブラウザ結果と違うことがありますか？
はい。実際のCSSはcomputed sizeと実viewportに依存します。