rem単位

相対的な測定単位 rem は、 ルート要素 <html> のフォントサイズに基づいて、 要素のフォントサイズを設定します。 例えば、フォントサイズが 2rem の場合、 ルート要素の2倍の大きさを意味します。

例

見出しのフォントサイズをルート要素の1.5倍に、 段落のフォントサイズを 1rem に設定してみましょう：

html<h1>Text1</h1>
<p>text2</p>

cssbody{
  font-size: 14px;
}
h1 {
  font-size: 1.5rem;
}
p {
  font-size: 1em;
}

Результат:

関連項目