Μονάδα rem

Η σχετική μονάδα μέτρησης rem ορίζει το μέγεθος γραμματοσειράς ενός στοιχείου ανάλογα με τη γραμματοσειρά του ριζικού στοιχείου - <html>. Για παράδειγμα, μια γραμματοσειρά ίση με 2rem σημαίνει ότι είναι μεγαλύτερη από το ριζικό στοιχείο κατά δύο φορές.

Παράδειγμα

Ας ορίσουμε για το κείμενο της επικεφαλίδας μια γραμματοσειρά μιάμιση φορές μεγαλύτερη από τη γραμματοσειρά του ριζικού στοιχείου, και για την παράγραφο - 1rem:

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

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

Δείτε επίσης

μονάδα px,
που ορίζει το μέγεθος σε pixels
μονάδα fr,
που ορίζει το μέγεθος σε fr
μονάδα em,
που ορίζει το μέγεθος σε em
μονάδα %,
που ορίζει το μέγεθος σε ποσοστά
μονάδα vw,
που ορίζει το μέγεθος σε vw
μονάδα vh,
που ορίζει το μέγεθος σε vh
μονάδα vmax,
που ορίζει το μέγεθος σε vmax
μονάδα vmin,
που ορίζει το μέγεθος σε vmin