나는 내 사이트의 여백 값을 모두 픽셀 대신 em로 변환하려고 시도하고 있지만 실제로 무엇인지 알아 내려고 노력하고 있습니다. 사용자 브라우저 설정 (기본 글꼴 크기)에 따라 설정된 거리라고 생각했지만, 예를 들어 h1 또는 ul에 적용하면 표준 1em이 다릅니다. 어떤 도움이 필요합니까? 이 소자에 적용되는 어떠한 폰트 크기에 기초하여, 상대적인 측정하므로CSS에 대한 질문?
em는 폰트 크기 (자본 M의 폭 높이)에 기초한다.
는 this markup on jsfiddle의 결과를 참조 :..
<div style="font-size:2em">2em<div style="font-size:2em">2em</div></div>
<div style="font-size:14px">2em<div style="font-size:2em">2em</div></div>
그래서 어떻게 h1 마진과 ap 마진을 같은 차이 (em 사용)로 만들까요? 감사합니다. – Jake
엘리먼트 내의'M' * 너비와 관련이 있습니까? 그래서 요소의'font-size'는 너비/높이를 증가시킵니다. – Blender
@jake, h1과 p가 정확히 같은 font-family, font-size 및 font-weight가 아니면 (사용자가 설정 한 값이 근사치 일지라도 사용자 설정이 제안 된 CSS와 다를 수 있습니다.) 제목이나 단락의 대문자 "m"은 1em입니다. 정확한 측정을 원한다면 픽셀을 사용하십시오. – clairesuzy
"1em 현재의 폰트 사이즈와 동일 2EM 현재 폰트 예 2 배의 크기를 의미하고, 소자는 12의 폰트로 표시되면 PT 다음 '2EM는 24'PT입니다. '그들'은되는 CSS에서 매우 유용한 장치, 그것은 독자가
http : // /w3fools.com/ (w3school 참조를 피하십시오). http://reference.sitepoint.com/css/lengthunits는 어떨까요? – bdukes
유래 관련 EPIC는 그녀의 대답 "사용하는 글꼴에 자동으로 적용 할 수 있기 때문에 E :em 측정 유형, 상황에 (요소의 부모 요소 유형/요소의 CSS 속성을) 의존이 여기에 완전하고 포괄적 인 설명을 읽어 Is sizing fonts using "em" still relevant?
:
http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css
여백과 너비에도 백분율을 사용할 수 있습니다. – m4tt1mus