혹시 rem이 부모요소라고 봐도되는건가요? em은 rem기준으로 곱하기 되는거 맞나요??

아감사합니다. 기본적인 이해는 됫어요 ㅠ!
이제 많이 사용해 보아야겟네요!

1em은 현재 요소의 폰트사이즈가 기준이고, 1 rem은 root em으로 root 요소인 html에 지정된 폰트사이즈(기본값 16픽셀)가 기준이에요~
예를들어 &lt;article class="info"&gt; &nbsp; &nbsp; 안녕하세요 &nbsp; &nbsp; &lt;p class="a"&gt;AAAAA&lt;/p&gt; &nbsp; &nbsp; &lt;p class="b"&gt;BBBBB&lt;/p&gt; &lt;/article&gt;
html { font-size: 15px; } .info { font-size: 2rem; } /* 15 x 2 = 30px */ .a { font-size: 2em; }&nbsp;/* 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이 됩니다. &nbsp;em은 현재의 폰트 사이즈에 따라 값이 변하고, rem은 무조건 &lt;html&gt;에 지정된 폰트 사이즈를 기준으로 된다고 생각하시면 됩니다.

인프런 커뮤니티 질문&답변

질문잇는데요!