[CSS]フォントのサイズ指定はpx？ em？ 既存の再検討とこれからのテクニック
フォントのサイズの単位に何を使ってますか？ px？ em？ それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
フォントサイズ一覧
フォントサイズ一覧 相対値による指定 単位 意味 ％ （パーセント） 親要素の一部を基準とした割合 使用例 この文字のサイズは50%です この文字のサイズは80%です この文字のサイズは指定していません この文字のサイズは100%です この文字のサイズは150%です この文字のサイズは200%です この文字のサイズは250%です この文字のサイズは300%です 単位 意味 em 親要素の大文字のＭを基準としたfont-sizeと同じ値 使用例 この文字のサイズは0.5emです この文字のサイズは0.8emです この文字のサイズは指定していません この文字のサイズは1emです この文字のサイズは1.5emです この文字のサイズは2emです この文字のサイズは2.5emです この文字のサイズは3emです 単位 意味 ex 小文字のxを基準としたfont-sizeと同じ値 使用例 この文字のサイ
あなたはどれにする？CSSの文字サイズ指定「px、em、%」 - デザインメモ
CSS（スタイルシート）でfont-sizeを指定するとき、pxを使わない方がいいと聞いたことがあります。 ですが、pxで指定しないとなると、今度はemと%が出てきて、どれがいいんだ？といつもよくわからないまま使っていました。 なので、どれがいいのか？そもそもこの単位たちは何なのか？復習も兼ねて調べてみました！ 目次 ・なぜ「px」で指定しない方がいいと言われているの？ ・font-sizeにおけるpx、em、%の簡単な用語説明 ※一部修正・削除（2016年12月11日） ・px、em、%の違いは、絶対？相対？ ・IEライクなfont-sizeの指定方法 ・古いIEを気にしない、スマホサイトは「rem」がおすすめ ※追記（2014年10月1日） なぜ「px」で指定しない方がいいと言われているの？ むかしむかし「IE」で文字の拡大ができない問題 ブラウザには今見ているWebサイトを拡大できる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
