728x90 > 디자인베이스/웹 코딩 입문 강좌1 #15 반응형을 위한 css 단위 이해하기 %, em, rem, vw, vh % .item 에 width 50% 부여 .item-parent 여기서도 50% 부여. 여기선 .item의 절반 크기를 갖게된다. percent-wrap 하고 item-parent 에 붉은 border 값을 넣음. 결론은 부모의 넓이 기준으로 적용된다고 알고 있으면 될듯. em & rem em 상위요소인 item-wrap 의 폰트 사이즈 확인 = 24px item-em 의 값 20em 20em = 480px 1em = 24px item-em보다 상위요소인 item-parent 의 font-size = 16px 로 지정했을 경우, 20em 은 1em 이 16px 으로 바뀌므로 16*20 을 해줘야한다 상위에 있는 요소의 폰트 사이즈에 대한 몇 배를 할 건지 정할 때 사용 rem 본인의 상위개념의 폰트 사이.. 2024. 4. 19. 이전 1 다음 728x90
