HTML/CSS 시작하기텍스트 스타일링폰트 크기

Q

이미지의 크기를 화면 width의 90%로 설정할 때, 0.9 em과 다른 이유?

조회 1393

좋아요 16

2018년 6월 23일




A
2개의 답변이 있어요
커뮤니티 파트너 채택



2018년 7월 10일



2019년 6월 3일

댓글 4

2020년 1월 11일
em이 현재 요소의 폰트 크기에 비례한다면, img태그에 2em을 쓰면 img기본 설정값에 2em을 하란 명령과 같은건가요??
2021년 12월 28일
이러면 강의 내용과 설명이 달라지지 않나요?ㅠ
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입니다. 이해가 되셨을지 모르겠네요ㅠㅠ
2022년 9월 24일
'

(주) 코드잇

대표강영훈

개인정보보호책임자강영훈

이메일support@codeit.kr

사업자 번호313-86-00797

통신판매업제 2019-서울중구-1034 호

주소서울특별시 중구 청계천로 100 시그니쳐타워 동관 10층 코드잇