em이 현재 요소의 폰트 크기에 비례한다면, img태그에 2em을 쓰면 img기본 설정값에 2em을 하란 명령과 같은건가요??
+0
2021년 12월 28일
이러면 강의 내용과 설명이 달라지지 않나요?ㅠ
+0
2022년 5월 29일
음.. 강의에서는 조금 쉽게 설명한 것 같습니다. 정확한 의미를 풀어서 쓰자면 이런 것 같네요. '%: 부모 요소에 비례한다.'는 이해하기 쉬우실 것 같고, 'em: 해당 요소의 폰트 사이즈에 비례한다.('2em'은 현재 폰트 크기의 2배를 의미한다.) 라고 신승우님께서 올려주신 사이트에 나와있습니다. em을 풀어서 말하자면, body에 있는 폰트가 16px일 때 dev1 클래스에 1em 효과를 주면 dev1의 폰트는 16px입니다. dev1의 기본 폰트 크기가 16px이기 때문에, 16 X 1(1em) = 16px입니다. 다음으로 dev2의 기본 폰트는 16입니다. 왜냐하면 부모 요소인 dev1에서 넘어온 폰트 크기가 16이기 때문입니다. 따라서 dev2에 2em을 적용할 경우, div2의 폰트 크기는 16 X 2(2em) = 32px 입니다. 동일한 방식으로 div3의 폰트 크기는 32 X 2(2ex) = 64px입니다. 이해가 되셨을지 모르겠네요ㅠㅠ
댓글 4개