pxから%への変換計算をしてくれる「RQRWD」がレスポンシブWebデザインとかで使えるヨ

  • 更新日:
  • 公開日:

レスポンシブWebデザインをするときなど、pxで指定したサイズを%の値に変換する場合に役立つWebツール「RQRWD (Really Quick Responsive Web Design Calculator)」をご紹介します。

使い方は簡単で、%へ変換したい要素のpxサイズを上に入力、下にはその親要素のpxサイズを入力します。すると自動的にその下の「Total:」と書かれた部分に計算結果が表示されます。

rqrwd-px-percent01
こんな感じに

計算方法は解説している記事はいくつかあると思いますが、面倒なときはコレでちゃちゃっと計算しちゃっても良いですね。

書いた人

Symbol Mark

Ryoichi(しつ)

除菌ティッシュを買い込んで使いきれずによく乾かす人。

療養目的で退職し、どうやって生きていくか模索中。最近は勉強目的でLaravelやVue.js弄ったり、趣味で音で遊んでます。

※2019年10月16日現在ブログリニューアル中です。崩れなどが発生していたらすみません。

うぇぶ: @s_ryone