px, %, em, rem, vw, vh, vmin, vmax
Absolute Units
px[고정단위] - 기본 단위, 반응형에 적합하진 않지만 세세한 조정 필수 단위Relative Units
%[상대단위] - 인접한 부모를 기준으로 설정할 수 있다. 반드시 기준이 있어야 한다.
em[상대단위] - 부모 요소를 기준으로 자식요소의 크기가 결정된다.
rem[상대단위] - Root em의 약자로 가장 최상단의 html에 정의된 사이즈(16px)를 기준으로 배수가 된다.
:root { font-size: 12px; }를 지정하면 기준을 바꿀 수도 있다.
vh[상대단위] - Vertical Height의 약자로 부모가 아닌 viewport, 즉 보이는 화면 크기의 높이값에 비례한다.
1080px이면 1vh는 10.8px이다.
vw[상대단위] - Vertical Width의 약자로 부모가 아닌 viewport, 즉 보이는 화면 크기의 너비값에 비례한다.
1920px이면 1vw는 19.2px이다.
vmin[상대단위] - viewport의 최대, 최소 넓이를 의미한다. vh와 vw를 합친 것이라 생각하면 된다.
vmin은 vh와 vw 중 가장 작은 값을 기준으로 단위 지정
vmax는 vh와 vw 중 가장 큰 값을 기준으로 단위 지정
Hello World!