Enheten rem

Den relativa måttenheten rem ställer in teckenstorleken för ett element beroende på teckenstorleken för rotelementet - <html>. Till exempel betyder en teckenstorlek på 2rem att den är dubbelt så stor som rotelementet.

Exempel

Låt oss ge rubriktexten en teckenstorlek på en och en halv gånger större än rotelementets teckenstorlek, och stycket - 1rem:

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

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

Результат:

Se även