# css unit
absolute length units(절대적)
px 모니터 위에서 화면위에 나타낼수 있는 가장 작은 단위(컨테이너의 사이즈가 변경되어도 컨텐츠가 고정된 값으로 유지된다.) 반응형 불가
relative length units(상대적)
em : 1em = 16px
자식은 부모기준으로
부모 : 8em(168 = 128px)
자식 : 0.5em(1280.5 = 64px)
rem : root 기준 (1rem = 16px)
8 rem (16px 8 = 128px)
0.5 rem (16px 0.5 = 8px)
100vh: 브라우저높이 100퍼센트
100vw: 브라우저너비 100퍼센트
%: 부모요소기준
사용 기준
부모요소 기준
%, em
browser
vh, rem
요소이 너비와 높이
%, vh
폰트사이즈에 따라서
em, rem
