CSS 단위 정리

브라우저의 기본 크기는 12pt, 16px, 1em, 100% 입니다.

절대 단위

px : 화면 크기에 상관없이 표시되는 절대 단위
pt : 화면 크기에 상관없이 표시되는 절대 단위이며 주로 인쇄나 문서 작업용

상대 단위

rem : 최상위 요소 기준 비율 (ex:html 요소)
em : 부모 요소 기준 비율
% : 부모 요소 기준 비율
vw : 뷰포트 넓이 기준 비율
vh : 뷰포트 높이 기준 비율
vmin : 뷰포트 넓이,높이 중 작은 쪽 크기에 대한 비율
vmax : 뷰포트 넓이,높이 중 큰 쪽 크기에 대한 비율

정리

뷰포트 800 * 600 사이즈 기준입니다.
html 요소의 기본 크기는 16px입니다.

제일 마지막 예제 vmin -> vmax