개발/CSS
-
[CSS] em과 rem의 차이개발/CSS 2023. 6. 11. 16:37
css에서 나타내는 상대적인 길이의 단위를 나타냅니다. 그 대상이 상위 객체에 해당하는 크기에 기준하여 자동으로 사이즈를 재조정해줍니다. 상대 단위와 절대 단위절대단위: px, pt나 cm, in와 같은 실생활에서 많이 사용되는 단위들도 절대단위 범주에 속합니다. 상대단위: em, rem말고 %, vw, vh 등이 대표적인 css 상대 단위입니다. em 해당 길이가 적용된 객체의 직계 부모의 길이 기준 rem DOM Tree 에서 가장 상단에 있는 객체의 길이를 기준 이것은 em입니다. 이것은 rem입니다. html{ font-size: 16px; } .parent{ font-size: 24px; } .em{ font-size: 1.5em; /* 36px */ margin: 2em /* 48px */ p..