system
小島 和剛

2018.9.28HTML/CSS 

Webデザイナー/ディレクター

小島 和剛

pxをvwに変換(ブラウザ上で変換)

まとめ記事を作りました!(2020/2/4)
https://www.marineroad.com/staff-blog/24459.html

こんにちは、デザイナーの小島です。
以前「pxをvwに変換(力技)」という記事を書いたところ、思いのほか読んでいただけているようでありがとうございます!
なのですが、一覧表にしているだけなので実用性が無く、わかりにくいなーと思っていたので、計算出来るのを作りました!
※vwと書いていますが、vh/vmax/vminも同じです。

使い方
1.基準値を選択
2.px枠に数値を記入
3.一番下の変換ボタンをクリック

基準値:
px = vw
px = vw
px = vw
px = vw
px = vw
px = vw
px = vw
px = vw
px = vw
px = vw

同時に10個までまとめて計算出来るようにしたので、多少は実用的かなと思います。
ぱぱっと作ったので小数点とか良い感じになっていないですが、ご愛嬌でお願いします。

WEBサイト自己診断シート イメージ
ホームページ制作サービスはこちら
ページTOPへ