인프런 커뮤니티 질문&답변
작성한 질문수
폰트사이즈에서 em/rem이 뭔지 궁금합니다
작성
·
210
답변 1
5
rem은 최상위 태그인 html에서 지정된 font-size 값을 배수로 변환한 크기라고 생각하시면 될 것 같습니다.
html에서 font-size가 만약 16px로 되어있다면
2rem은 html의 font-size에 따라 32px이 되는 것이고,
1.5rem은 16 * 1.5 = 24px이 되겠죠.
em도 계산 방법은 동일합니다. 하지만 특정 태그의 font-size에 따라 달라지는 것이죠.
div의 font-size를 20px이라 하고, css 내에서 div { margin: 2em; }이란 코드가 있으면 margin이 40px로 적용이 되는겁니다.
바로 이해가 되네요! 감사합니다😄👍