왜 글꼴 크기가 변경되지 않습니까?

px이 아닌 em으로 글꼴 크기를 설정하고 싶습니다. 여기 내 코드입니다 :왜 글꼴 크기가 변경되지 않습니까?

<style type="text/css"> 
body{ 
    font-size: 62.5%; 
} 

div{ 
    font-size: 1.2em; 
} 
</style> 

<body> 
<div>hello world</div> 
</body>

내가 12 픽셀로 div 글꼴 크기를 설정하려면,하지만 내가 예상 한 것보다 작은 보이는, 내가 크롬 브라우저 도구 div 스타일을 사용하지, 어떤 변화를 가지고 보이지 않는다. 왜, 어떻게해야합니까 div 글꼴 크기 12px? 감사.

출처

2013-04-07 hiway

당신이'글꼴 크기 봤어의 글꼴 큰의 font-size 더 큰 비율로 당신의 div 만들기 위해 '설정하려고 : 12px'를? –

다른 CSS가없는 경우 현재 CSS에서 div의 글꼴 크기를 12px로 올바르게 설정할 수 있습니다. Firefox의 Firebug 또는 Chrome 개발자 도구를 사용하여 계산 된 스타일을 확인할 수 있습니다. –

@IanY, yes,'계산 된 스타일 '에서'div'의 글꼴 크기가 12px, thx라는 것을 보여줍니다. – hiway

흠, 나를 위해 작동하는 것 같다 : example

비록, 당신이 참조 할 수있는 것은 font-size 속성을 활성화/비활성화에서 작은 변화이다. 중첩 된 요소의 em은 부모와의 상대적인 값인 font-size이기 때문입니다. 귀하의 경우 div의 font-size:Xem은 본문의 font-size:X%에 상대적입니다.

당신은 여전히 변화가 점점없는 경우 body

출처

2013-04-07 03:24:41

네, 맞습니다. 변화는 매우 희박합니다.'div '를 더 큰 크기로 변경하면, 그것은 분명히 감지 될 수 있습니다. – hiway

하하 그래, 몇 달 전에 나는 똑같은 문제가 있었다. 다행이 도울 수있어 :) –

왜 글꼴 크기가 변경되지 않습니까?

답변

관련 문제