私は新しいプロジェクトを開始する過程にいます。とにかくユニット を使用しているときにfont-size: 100%
、なぜhtml
要素を追加する必要があるのでしょうか?em
これは何と何100%
を比較して - 100%?
HTML のフォント サイズ 100% は、ブラウザーのデフォルトのフォント サイズ (14px または 16px) と同じです。
font-size をブラウザーに対して同じ値として宣言する方法は多数あります。
font-size: 1em;
font-size: 100%;
font-size: 16px; // this is default
このようにして、デフォルトのフォントサイズを取得できます。ただし、16 ピクセルは font-size を変更em
し%
、body タグで使用される font-size に依存することに注意してください。
フィドル: http://jsfiddle.net/afzaal_ahmad_zeeshan/5Wkus/
ご覧のとおり、 em は で宣言されたフォントに完全に依存していbody
ます。または、子から親へと実行されます。最も近い親で font-size の変更を探し続けます。ほとんどの場合、コードは body 要素またはユーザー エージェントのデフォルト スタイルシートに向けられます。