em単位

相対的な測定単位である em は、 親要素のサイズを基準として、 子要素のフォントサイズを設定します。 例えば、2em のフォントは、 その親要素の2倍の大きさであることを意味します。

例

<p> 要素のテキストのフォントサイズを、 その親要素 <div> のフォントの1.5倍に 設定してみましょう：

html<div>
  text1
  <p>
    text2
  </p>
</div>

cssdiv {
  font-size: 14px;
}
p {
  font-size: 1.5em;
}

Результат:

関連項目