Em の理解_html/css_WEB-ITnose

em

バージョン: CSS1

説明:

私自身の理解:

注:

デフォルトのブラウザ サイズは 16 ピクセルです。

Google Chrome の最小フォントは 12px.

font-size が継承されます。

判断手順:

【】フォントサイズが要素自体に設定されているかどうかを確認します:

はい: 次に、 boder、width、height、padding、margin、line-height"他の値 はすべて相対的なフォント サイズです

font-size*em の値 = 実際に必要な値

(こんにゃくの例:

< ;h1> sky

現時点では、インライン テキストのフォント サイズは手動で設定されず、ブラウザのデフォルトのフォント サイズに相対します (h1 〜 h6 など、一部のタグには独自のフォント サイズがあることに注意してください)

[] 独自の font-size がある場合、
body {font-size:10px;}
h1 {margin:2em;}// このとき、 h1 の font-size は body の font-size として計算され、 font-size: 20px が 20px*2em=40px として計算されます。

【】が設定されていない場合は、親要素を参照してください。

body {font-size:20px;}

p {margin:3em;} //このとき、最小フォントは12pxなので、 20px*3em = 60px;

1. テキストサイズが設定されていない場合（自分で手動で設定している場合）、本文に対する相対的なフォントサイズになります。
2. つまり、 font-size:2em は 32px です。

.bo {font-size:2em;color:red;}

p {line -height:3em;}// line-height は 120px です

1. 互換性:
薄緑 = サポートされています

赤 = サポートされていません

ピンク = 部分的にサポートされています

IE Firefox Chrome Safari Opera iOS Safari Android ブラウザ Android Chrome

6.0+

2.0+

4.0+

3.1+

3.5+
3.2+
2.1+
18.0+