BLOGスタッフブログ

2018.09.28 コーディング

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

まとめ記事を作りました!(2020/2/4)
https://insource-mkd.co.jp/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個までまとめて計算出来るようにしたので、多少は実用的かなと思います。
ぱぱっと作ったので小数点とか良い感じになっていないですが、ご愛嬌でお願いします。

小島 和剛が書いた他の記事

見積もり・ご依頼など、
お気軽にご相談ください

本サイトはユーザーエクスペリエンスの向上などを目的に、Cookieを使用しています。
右記のバナーで「同意する」をクリックする、または本サイトを利用することにより、
お客様は弊社のCookieポリシーに同意したことになります。

同意します