web-dev-qa-db-ja.com

フォントに%ではなく、emを使用する必要があるのはなぜですか?

Emsが基本フォントのパーセンテージの結果を本質的に提供する場合、フォントサイズの%ではなく、それを使用することにはどのような利点がありますか?私は周りを見回しましたが、2つが互いに異なる動作をすることを意味するものは実際には見ていません。カスケード問題はありますか?

7
Rath_Er

EMとPERCENTはどちらも非常によく似ていますが、クライアントブラウザーでテキストサイズを変更すると、両者の唯一の違いがわかります。

Comparison

概要

理論的には、emおよびrem単位は、新しくて今後の標準ですWeb上のフォントサイズの場合ですが、実際には、パーセント単位は、ユーザーにより一貫性があり、アクセスしやすい表示を提供するようです。

Kyle Schaefferによるオリジナル記事: http://kyleschaeffer.com/development/css-font-size-em-vs-px-vs-pt-vs/

5
Igorek

行動に関しては、違いはありません。上記の違いは、私の意見では、単にバグの多いブラウザの実装です。

私は現在のChromeとFirefoxで簡単なテストを行っただけで、子要素のサイズ変更に違いはありません:小さい;:親が1emまたは100%の場合は大きいです。このバグが最近のブラウザに存在していたかどうかに驚かされました;ブラウザは7年で長い道のりを歩んできました。

実際の違いは、%を使用するために必要な追加の文字のみです。 3を使用できるのに4を使用する理由

それを超えて私は唯一の違いは歴史的な先例であると信じています。 emsで型サイズを設定する背後には、何百年もの伝統があります。

2
Seth Warburton