Единица rem для размеров в CSS
Относительная единица измерения rem
устанавливает размер шрифта элементу
в зависимости от шрифта корневого
элемента - <html>.
К примеру, шрифт, равный 2rem означает, что он больше
корневого элемента в два раза.
Пример
Давайте зададим тексту заголовка шрифт в полтора
раза больше, чем шрифт корневого элемента,
а абзацу - 1rem:
<h1>Text1</h1>
<p>text2</p>
body{
font-size: 14px;
}
h1 {
font-size: 1.5rem;
}
p {
font-size: 1em;
}
:
Смотрите также
-
единица
px,
которая задает размер в пикселях -
единица
fr,
которая задает размер в fr -
единица
em,
которая задает размер в em -
единица
%,
которая задает размер в процентах -
единица
vw,
которая задает размер в vw -
единица
vh,
которая задает размер в vh -
единица
vmax,
которая задает размер в vmax -
единица
vmin,
которая задает размер в vmin