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

px-em-calculator-thumb

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

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

px-em-calculator01
こんな風に

 

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

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


というか僕自身、エラスティックレイアウトをやった経験がないので深く言えません。(おい)

使って思ったんですけど、%と同じ計算方法になるっぽいですね。

最終更新日:2014年9月28日

コメント

「何かそこ違うよ」「こうした方が良い」っていう部分があったら指摘して頂けると嬉しいです。

トラックバック

トラックバックは現在ありません。

Trackback: https://increment-log.com/px-em-calculator/trackback/