-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
질문잇는데요!
20.08.30 19:23 작성 조회수 102
1
혹시 rem이 부모요소라고 봐도되는건가요? em은 rem기준으로 곱하기 되는거 맞나요??
답변을 작성해보세요.
0
0
1분코딩
지식공유자2020.08.30
1em은 현재 요소의 폰트사이즈가 기준이고,
1 rem은 root em으로 root 요소인 html에 지정된 폰트사이즈(기본값 16픽셀)가 기준이에요~
예를들어
<article class="info">
안녕하세요
<p class="a">AAAAA</p>
<p class="b">BBBBB</p>
</article>
html { font-size: 15px; }
.info { font-size: 2rem; } /* 15 x 2 = 30px */
.a { font-size: 2em; } /* 30 x 2 = 60px */
.b { font-size: 2rem; } /* 15 x 2 = 30px */
이런 식이라면,
.info의 "안녕하세요"는 2rem이므로 15 x 2 = 30px이 되고,
.info 안에 있는 .a는 현재 .info의 폰트사이즈인 30px이 1em이 되어서, 2em 이므로 30 x 2 = 60px이 됩니다.
em은 현재의 폰트 사이즈에 따라 값이 변하고, rem은 무조건 <html>에 지정된 폰트 사이즈를 기준으로 된다고 생각하시면 됩니다.
답변 2