반응형 폰트 사이즈 단위 em? rem? 뭐가 다를까? | CSS font-size 상대 단위 - VIDEO

CSS 반응형 폰트 사이즈 단위 em? rem? 뭐가 다를까? | CSS font-size 상대 단위

작성일 21-01-27 17:27

페이지 정보

작성자웹아이 조회 659회 댓글 0건

본문

반응형 사이트 제작 시 많이 사용되는 size 단위인 em, rem에 대해서 알아보도록 하겠습니다.

보통 폰트사이즈를 12px 요렇게 고정 크기 픽셀 단위로 설정하지만 em과 rem은 배율이라고 보시면 되요 1.2em 1.2rem은 1.2배라고 보시면 되요~

근데 배율이면 기준이 있어야하자나요? 도대체 어떤 요소의 1.2배란 말일까요?
여기서 em과 rem은 서로 다른 길을 갑니다.

em은 상위 요소(부모)가 기준이 되구요 rem은 최상위 요소가 기준이 됩니다.
rem의 뜻은 최상위를 뜻하는 root의 r을 붙여줘서 r + em이 된답니다.


추천0

댓글목록

등록된 댓글이 없습니다.

Road to Deveropment
Road to Deveropment
상단으로