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へ