rem vs em
-
CSS 상대단위 rem, em 알아보기 & viewport 에서의 단위 vw, vh, vmin, vmax 알아보기Web-app/CSS 2023. 10. 13. 21:03
rem, em rem (root em) root element의 font size를 나타내는 단위로, 1rem은 html element의 font size와 동일. 일반적으로 16px이 default 값으로, 브라우저의 글꼴 크기 설정에 따라 1rem 의 값은 달라지게 됩니다. 크롬에서 설정 페이지를 들어갔을 때 일반적인 글꼴 크기는 중간, 권장상태로 되어 있습니다. 이 중간 상태에서 font-size값은 16px. 만약 설정을 아주 크게로 변경하면 24px로 바뀝니다. 즉 이때 1rem은 24px이 됩니다. 크롬에서 글꼴 크기 설정에 다른 font-size default 값은 다음과 같습니다. 글꼴 크기 설정 아주작게 작게 중간 크게 아주크게 1rem 10px 12px 16px 20px 24px em ..