[css 3.] 다양한 단위 설정하기 - px, %, em, rem, vw, vh

css 단위 설정 종류 px % em rem vw vh 절대단위 픽셀 (px) 기본단위 (어떤 환경에서도 동일한 크기로 보임) 웹브라우저에 다른 단위로 지정해도 px로 환산되어 계산됨 (다른 단위들의 기준!) 상대단위 1.

퍼센트 (%) 부모 요소 크기 기준 상대적 크기 2. em 부모 요소 font-size 기준 상대적 크기 3. rem html 의 font-size 기준 상대적 크기 4. vw / vh (viewport width, viewport height) 뷰포트 너비 / 높이 백분율로 크기 지정 (높이값의 1/100) 단위에 따라 크기가 어떻게 달라질까? 1.

퍼센트 (%) - 부모요소의 크기가 변경되면 해당요소 크기도 변경됨 - 반응형에 사용됨 아빠태그 width : 1000px 아들태그 width : 90% ( = 900px ) 2. em 부모요소의 font-size 에 따라 달라짐 (중첩되어 적용) 할아버지태그 font-size : 2em ( 기본 16px X ...