Единица 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;
}

Результат:

Погледни исто така