CSS 크기 단위

- 부모나 요소들에 영향을 받지 않고 항상 일정한 크기를 유지하는 단위

- 이 단위들은 대부분 화면 출력이 아닌 인쇄에 사용될 때 더 유용합니다.

- 상위요소나 뷰포트 크기에 상대적인 크기를 지니는 단위

- 이 단위들을 사용할 떄는 부모가 누구인지, 무엇을 기준으로 크기를 잡을 건지 생각하면서 쓰는것이 좋다

- 웹 개발에 가장 유용한 단위

단위	설명
em	부모 요소에서 지정된 글자 크기를 기준으로 배율로 조정하는 단위
rem	(root em) root인 <html>을 가리키며, html에 지정된 크기를 기준으로 배율로 조정하는 단위
ex	요소에 들어있는 폰트의 문자 x의 높이에 해당하는 단위
ch	요소에 들어있는 폰트의 문자 0의 너비에 해당하는 단위
1h	요소의 라인의 높이
vw	(뷰포트를 기준으로) 뷰포트 너비의 1%
vh	(뷰포트를 기준으로) 뷰포트 높이의 1%
vmin	(뷰포트 너비 또는 높이를 기준) 최소값
vmax	(뷰포트 너비 또는 높이를 기준) 최대값
%	부모 너비의 백분율