Jedinica rem

Relativna merna jedinica rem postavlja veličinu fonta elementu u zavisnosti od fonta korenovog elementa - <html>. Na primer, font jednak 2rem znači da je dva puta veći od fonta korenovog elementa.

Primer

Hajde da postavimo naslovu tekstu font koji je jedan i po puta veći od fonta korenovog elementa, a pasusu - 1rem:

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

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

Результат:

Pogledajte takođe