18

1emを要素に適用すると、ブラウザのデフォルト値（通常は16px）またはその親のフォントサイズ値が使用されます。しかしmargin-top: 1em、h1要素で（リセットスタイルシートを使用せずに、したがってh1がに設定されている）のようなものを使用すると、親要素がに設定されていても、font-size: 32px1emはに等しいことに気付きました。32pxfont-size: 16px

ただし、font-size：100％のようなものを使用します。不一致を解決します。

私は何が欠けていますか？

4

2 に答える 2

15

1emを要素に適用すると、ブラウザのデフォルト値（通常は16px）またはその親のフォントサイズ値が使用されます。

いいえ、それはそれ自身 を取り、その親（またはデフォルトのブラウザ提供値）に基づいてfont-size計算されます。ブラウザが提供するは32ピクセルであるため、結果のマージンは32ピクセルになります。font-sizeh1

ただし、font-size：100％のようなものを使用します。不一致を解決します。

font-size: 100%;要素にまたは要素を設定することによりfont-size: 1em;、親のフォントサイズの100％を使用するように指示しているため、他の要素1emの長さとして設定すると、その100％に従います。

于 2012-02-28T22:48:52.843 に答える
11

1em問題の要素のフォントサイズと同じです。したがって、余白を付けて使用する場合は、余白を適用する要素のフォントサイズにも相当します。

于 2012-02-28T22:49:29.210 に答える