Responsive CSS Units (%, EM, REM)

Units

대부분 px를 이용한다  (모니터에 나타낼 수 있는 가장 작은 단위)

Px로 하면 글씨크기 조절이 안되지만 %로 하면 가능

 

Em

부모의 font사이즈에서 곱한값으로 계산된다

 

 

Rem (r = root)

Root에 지정된 font사이즈에 따라서 크기가 결정

 

Vw (view Width )

 

Vh (view height )

 

 

%

 

 

vw부모요소와 상관없이 크기조절