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のご紹介でした。

WordPressのログイン時のツールバーWordPressでキーワードを登録しておくと自動でリンクをつけてくれるプラグイン「WP Keyword Link」前のページ

Webサイト作成時に可愛い猫のダミー画像を用意してくれる「placekitten」次のページplacekitten

関連記事

  1. Web Service

    ChromeでクリックするだけでPocket (Formerly Read It Later)に保存…

    あとで読むためのWebサービスでPocketを使ってるんですが、Chr…

  2. Web Service

    サクっと簡単にクールなロゴを作成することができる「GraphicSprings」

    こういうサイトのおかげで誰でも簡単にプロが作ったようなロゴを作成するこ…

  3. Web Service

    iPhoneで人気のメールクライアント「Sparrow」を使ってみたのでメール設定など色々

    iPhone版のメールクライアント「Sparrow」を使ってみました。…

  4. Web Service

    レスポンシブ制作に役立つiPhone・iPad・Macの表示確認ツール「Respondr」

    レスポンシブWebデザインを制作する上で役立つ表示確認ツール「Resp…

  5. Web Service

    MacのReederで画面右上にRead It LaterとTwitterのアイコンを表示させるやり…

    MacのReederがとても快適なのでちょくちょく使っているんですが、…

コメント

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

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

最近の記事

  1. 蒼龍唐玉堂 特製牛バラ担々麺
  2. サーモンアボカドサラダラップとドリップ
  3. 猿田彦フレンチ
  4. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  5. ビジネスホテル

アーカイブ

PAGE TOP