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サイトを画像だけで楽しむことができるブックマークレット「Wordless We…

    おもしろいブックマークレットがあったのでご紹介します。Webサイト上に…

  2. ブラウザメモ帳

    Web Service

    ブラウザメモ帳がとても便利

    ブラウザメモ帳はブラウザに直接メモが出来る便利なWebサービスです。ブ…

  3. Web Service

    iPhoneでWebページ全体のスクリーンショットを一発で撮れるアプリ「Web Scroll Cap…

    iPhoneで今見ているWebページのスクリーンショットを撮る場合は「…

  4. Web Service

    話題のiPhoneのTODO管理アプリ「Clear」を使ってみた

    いくつかの記事で話題になっていたTODO管理アプリのClearがいつの…

  5. Web Service

    PhotoshopのようなインターフェースのCSS3ジェネレーター「Layer Styles」

    Photoshopに慣れてる人なら違和感なく使いこなせそうですね。CS…

  6. ブラウザでストップウォッチ

    Web Service

    ブラウザで手軽にストップウォッチが利用できるサービス

    ブラウザでちょっと何かの時間を計りたい時に役立つストップウォッチのサー…

コメント

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

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

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP