rem 단위

상대적 측정 단위인 rem는 루트 요소 - <html>의 글꼴 크기에 따라 요소의 글꼴 크기를 설정합니다. 예를 들어, 2rem의 글꼴 크기는 루트 요소보다 두 배 더 크다는 것을 의미합니다.

예시

제목 텍스트의 글꼴 크기를 루트 요소의 글꼴 크기보다 1.5배 크게 설정하고, 단락의 크기를 1rem로 설정해 보겠습니다:

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

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

Результат:

참고 항목