CSS単位コンバーター

CSSはサイズ指定にいくつかの異なる単位をサポートしています——pxやptのような絶対単位と、rem、em、vw、vh、%のような相対単位です。相対単位はレスポンシブでアクセシブルなデザインに不可欠です（特にremはユーザーのブラウザフォントサイズ設定を尊重します）が、結果はルートフォントサイズ、現在の要素のフォントサイズ、ビューポートの寸法といった文脈に依存するため、それらの間を頭の中で変換するのは本当に困難です。 このコンバーターはその計算を代わりに行います。ベースフォントサイズ、ビューポートの寸法、変換したい値を設定するだけで、他のすべての単位における同等の値を瞬時に確認できます——デザインモックアップのピクセル測定値をレスポンシブなrem/vwの値に変換する際や、既存のCSSルールが画面上で実際にどうレンダリングされるかを再確認する際に便利です。

16pxのベースフォントサイズでは、1.5remは24pxに変換されます。1440pxのビューポート幅では、5vwは72pxに変換されます。

このツールは、入力に基づいた詳細な結果を表示します。数字の解釈方法とそれに基づいた意思決定方法を理解するために、各セクションを慎重に確認してください。 ツールの仕組みや特定の結果の解釈に関するご質問は、以下のよくあるご質問セクションをご覧ください。サポートにお問い合わせいただくこともできます。