合同会社Unirは、web制作はもちろん、コーディング代行をはじめ、既存ホームページのリニューアルやデザイン、名刺作成から広告運用、DX推進・IT導入まで幅広いニーズにお応え致します。

px → vw変換ツール

こんな時におすすめです

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

使い方

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

デザイン幅

変換したいpx値

小数点以下桁数

vw値:

戻る