DevToolPal
日本語

CSS 単位

vwからpxへの換算ツール

ビューポート幅単位(vw)をピクセル(px)に換算します。1 vw = 19.2 px、1 px = 0.05208333333 vw です。

計算式

px = vw × 1920 ÷ 100

換算方法

ビューポート幅単位をピクセルに換算するには、計算式 px = vw × 1920 ÷ 100 を使います。例:25 vw = 480 px。

換算表

vw px
1 vw 19.2 px
2 vw 38.4 px
5 vw 96 px
10 vw 192 px
25 vw 480 px
50 vw 960 px
75 vw 1,440 px
100 vw 1,920 px

換算表はビューポート幅 1920pxを前提にしています。上の換算ツールで設定をプロジェクトに合わせて変更できます。

これらの単位について

ブラウザーはすべての CSS の長さを最終的にピクセルに変換します。rem はルートのフォントサイズ、em は親要素のフォントサイズが基準で、ページやユーザーが変更しない限り主要ブラウザーではどちらも 16px です。1pt は 1/72 インチ、1px は 1/96 インチなので 1pt = 1.333px です。vw はビューポート幅の 1% で、ピクセル数は画面幅によって変わります。

よくある質問

› vw を px に換算するには?

1 vw = 19.2 px です。換算するには計算式 px = vw × 1920 ÷ 100 を使います:25 vw = 480 px。

› 1 px は何 vw ですか?

1 px = 0.05208333333 vw です。逆方向の計算式は vw = px × 100 ÷ 1920 です。

› px ではなく rem を使う理由は?

rem はユーザーがブラウザーで設定した文字サイズに追従するのでアクセシビリティに優れ、ルートの値を 1 つ変えるだけでレイアウト全体を一貫して拡大縮小できます。

› rem と em の違いは?

rem は常にルート(html)のフォントサイズを使います。em は親要素のフォントサイズを使うため、入れ子にすると値が掛け合わされます。