px → vw変換ツール

こんな時におすすめです

レスポンシブコーディングをする際、デバイスによって画面幅が320pxだったり375pxだったりとまちまちで困る事があります。
どの幅のスマホで表示しても、見た目を完全に一致させたいという時にお役立てください。

使い方

• 1.デザインデータの幅を入力する（例：750）
• 2.font-sizeやmarginなど、デザインデータ上の数値を入力する（例：40）
• 3.小数点以下の桁数を選択（お好みで）
• 4.vwに変換された数値が表示されたら、コピーボタンをクリックしてcssに貼り付ける

デザイン幅

変換したいpx値

小数点以下桁数

1 2 3

vw値：

結果をクリップボードにコピー