pxからemへの変換計算をしてくれる「px-em」のご紹介

  • 更新日:
  • 公開日:

pxの値を相対単位であるemに変換計算してくれる「px-em」のご紹介。フォントサイズをemで指定したいときやエラスティックレイアウト時に頼りになりそうです。

見た目のシンプルさ同様に使い方もシンプル。上の段に基準としたい親のpxサイズを指定し、その下に調べたい要素のpxサイズを指定します。

px-em-calculator01
こんな風に

emの計算はちょっとややこしいんですが、こちらの記事が参考になると思います。

[CSS]フォントのサイズ指定はpx? em? 既存の再検討とこれからのテクニック | コリス

書いた人

Symbol Mark

Ryoichi(しつ)

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

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

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

うぇぶ: @s_ryone