EmChart

Web Service

CSSでフォントサイズをem指定する時に便利なEmChart

レスポンシブWebデザインなどによりem指定をする機会が多くなってきていますが、そんな時に便利なEmChartをご紹介します。CSSでフォントサイズをem指定する時にこのEmChartがあれば結構便利かと思います。ベースとなるpx数をemにする場合いくつにすればいいかがすぐわかるので、em指定する時は覚えておきたいチートシートですね。

[ads_center]

em一覧

このように、em指定するサイズが一目で分かります。

EmChart

左の縦列にあるpxをベースとして、上にある横のpxに置き換える場合の交わるところがemで指定するサイズになります。

例えば、13pxとなっているサイズを、11pxにem指定したい場合は、0.847emにすればいいといった感じです。

pxをemで指定

これはかなり便利ですね。

ということで、CSSでフォントサイズをem指定する時に便利なEmChartのご紹介でした。

関連記事

  1. Web Service

    Webページを綺麗に読みやすくしてくれてエバノートにも保存できるChrome拡張機能「Clearly…

    Chromeで閲覧中のWebページやブログ記事を綺麗に読みやすくしてく…

  2. Screen Capture (by Google)
  3. Web Service

    最大150枚の画像を一気にリサイズできる「Bulk Resize Photos」

    複数の画像を一気にリサイズすることができる便利なサービス「Bulk R…

  4. Web Service

    Draftpadのアシスト機能を使えばEvernoteやDropboxはもちろん、するぷろ for …

    前々からDraftpadを入れてたんですが、ほとんど使っていませんでし…

  5. Web Service

    住所や建物名を入力するとGoogleマップの座標を取得することができる

    地図上で、ある地点の座標を知りたいといった時があるかと思います。そんな…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Soundcore Ace A1
  2. cheero USB-C PD Charger 60W
  3. DY-S01
  4. OWL-QI10W04

アーカイブ

PAGE TOP