최상위 태그에 지정한 것을 기준으로 삼으며, 보통 최상위 태그는 html
html{
font-size : 15px;
}
.rem{
font-size : 2rem
}
class 이름 rem의 font-size는 15px*2rem = 30px이 된다.
em은 현재의 font-size를 정의
body{
font-size : 14px;
}
.em{
font-size : 1.5em;
}
class 이름 em의 font-size는 14px * 1.5 = 21px이 된다.
브라우저의 너비와 높이에 따라 변한다(반응형)
.vh{
font-size : 10vh;
}
.vw{
font-size : 10vw;
}