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. Evernoteでマージの使い方と復元方法

    Web Service

    Evernoteで複数のノートを整理(まとめる)できるマージの使い方と復元方法

    Evernoteで似たような内容をメモした複数のノートを一つにまとめて…

  2. CSS Gradient Animator

    Web Service

    CSSでグラデーション背景を変化させるコード作成ジェネレーター「CSS Gradient Anima…

    CSSで変化するグラデーション背景を作成したい時に役立つジェネレーター…

  3. Web Service

    あとで読む「Readability」にChrome/iPhone/Reederなどから簡単に情報を送…

    前から気になっていた、iPhoneアプリのReadabilityをよう…

  4. Web Service

    Macでテキストをコピーした際にプレーンテキストにしてくれるアプリ「FormatMatch」

    Macでテキストなどをコピーしてエバノートなんかに貼り付けると余計な装…

  5. iPhoneデフォルトアプリ「天気」

    Web Service

    iPhoneのデフォルトアプリ「天気」が意外と使いやすかった

    iPhoneにデフォルトで入っているアプリ「天気」が意外と使いやすかっ…

  6. Web Service

    Chromeで手軽に電卓を使いたい時に便利な拡張機能「Calculator」

    Chromeでネットを閲覧中にちょっとした計算をしたいといった時がある…

コメント

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

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

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP