css - IE8 で 1em は何ピクセルですか?

Question

1em はすべてのブラウザーで 16px であるはずではありませんか?

私はこのCSSを持っています

* {font-size: 1em; }
label { font-size: .85em; }

IE8 では、ラベル要素の高さが、私が望んでいた 13.6 ピクセルに対して 12 ピクセルになります。

手伝ってくれてありがとう！

Answer 1

1em はすべてのブラウザーで 16px であるはずではありませんか?

必ずしも：

1 つの「Em」(1em) は、デフォルトのフォント サイズの大文字「M」の高さと同じです。CSS で適用される場合、Em は、ユーザーのデフォルトのフォント サイズ、または親要素のフォント サイズ (使用可能な場合) のいずれかを表します。

したがって、デフォルトのフォント サイズは 16 ピクセルですが、IE で別のサイズが設定されている可能性があります。

また、それをオーバーライドしているあいまいな親要素がある場合もあります。

より詳しい情報

Answer 2

単位 em は相対的です。フォントサイズが 12pt の場合、1 em = 12pt です。20pt のフォントサイズを使用すると、1 em = 20pt になります。それは文字Mに由来します。それは、作曲家によってテキストが作成された時間と期間にさかのぼります。M の文字は、コーパスの正方形のサイズでした。