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

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

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

  2. OmmWriter

    Web Service

    創造力を掻き立ててくれるテキストエディタ「OmmWriter Dāna II」を使えば集中して文章が…

    めちゃくちゃシンプルでミニマルデザインが素敵なテキストエディタ「Omm…

  3. iPhoneのアプリアイコンを取得

    Web Service

    iPhone、iPad、Macのアプリ画像(アイコン)を取得する方法

    iPhoneやiPad、またはMacのアプリ画像(アイコン)を取得した…

  4. Web Service

    PNG画像をブラウザ上にアップロードするだけでファイルサイズを圧縮することができる「PunyPNG」…

    ブラウザ上でローカルに保存してある画像をアップロードするだけで簡単にフ…

  5. Web Service

    iPhoneアプリのPictShareを使えば画像を簡単にDropboxやEvernoteなど色々な…

    iPhoneに入っている画像を簡単かつ素早くアップロードできるアプリ「…

コメント

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

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

最近の記事

  1. 桜と太陽
  2. ベルボン Mシリーズ
  3. ネック冷却ファン NRF10
  4. Kindle 8GBモデル
  5. プロテクティングクロス PC-E2

アーカイブ

PAGE TOP