[CSS] CSS 단위 - %, em, rem, vw, vh 속성 알아보기
서론 웹 페이지를 이용하는 사용자들은 데스크탑, 모바일, 태블릿 PC 등 다양한 기기환경에서 접속을 합니다. 그렇기에 웹페이지 요소들 크기에 고정된 절대값인 'px'값으로 주게되면, 모든 기기에 개발자가 의도한 최적의 디자인을 보여주기 어렵습니다. 이때 요소의 크기를 "상대적인 크기"로 정의하는 속성을 사용하면 유용합니다. 목차 % 속성 em 속성 rem 속성 vw, vh 속성 1. % 속성 크기를 %로 입력하게 되면, 부모의 크기를 기준으로 따라가게 됩니다. 예를 들어, 아래 예시와 같이 부모태그의 크기가 20px일 때, 자식태그의 크기를 50%로 준다면 자식태그는 10px로 표시됩니다. parent child 아래는 결과물을 보면 글자태그 뿐만 아니라 박스크기의 속성도(heigt, width) 부모태..
