Мерната единица rem

Относителната мерна единица rem задава размера на шрифта на елемент в зависимост от шрифта на кореновия елемент - <html>. Например, шрифт равен на 2rem означава, че е два пъти по-голям от този на кореновия елемент.

Пример

Нека зададем на заглавието шрифт един и половина пъти по-голям от шрифта на кореновия елемент, а на абзаца - 1rem:

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

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

Результат:

Вижте също