%, em, rem, vh, vw

% 전체에 대한 몇 % 값, 부모 기준 부모가 40px일 때 50%라면 20px이다. em 상위 요소의 배수 단위 부모 요소가 20px시 1em이라면 20px, 1.5em은 30px(20*1.5)이 된다. body{ font-size: 15px; } div{ /* 15*1.5=18px */ font-size: 1.5em; } 15 * 1.5 = 22.5px 18 * 1.5 = 33.75px 27 * 1.5 = 50.625px 이런식으로 상속을 받아 점점 커지게 된다. HTML 삽입 미리보기할 수 없는 소스 rem r는 root로서 최상위 속성에 기준을 둔다. em은 부모요소의 배수이지만 rem은 html의 배수이다. html의 기본 폰트가 16px인데 계산이 어렵기 때문에 html의 폰트사이즈를 10px..

2022.09.30