• 카테고리

    질문 & 답변

  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

오마갓.. 정리하다가 헷갈립니다.

20.07.03 22:27 작성 조회수 105

1

.main-message {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 0;
  height: 3em;
  font-size: 2.5rem;
}

여기서 height:3em은 현재 메인 메시지클래스의 폰트사이즈 2.5rem의 세배크기라고하셧는데

main-message의 부모는 html아닌가요? ㅠㅠ 

rem:html폰트사이즈

em: 현재 부모의 폰트사이즈 기준 

이렇게 알고있었는데

em은 요소 자신의 폰트사이즈에 비례해서 크기가 정해지는건가요?

course-thumbnail

애플 웹사이트 인터랙션 클론!

페이지 내용 CSS 작성 1

강의실 바로가기

답변 1

답변을 작성해보세요.

3

1분코딩님의 프로필

1분코딩

지식공유자

2020.07.04

자신의 폰트사이즈가 설정되어있지 않을 경우,
결국 부모의 폰트 사이즈가 내 폰트사이즈가 되므로
보통 부모의 폰트 사이즈가 기준이 되는게 맞는데요~
이 경우에는 자기 폰트사이즈가 설정이 되었으므로
2.5rem의 3배가 된다고 생각하시면 됩니다^^

이 글과 비슷한 Q&A