2013-04-07 44 views
7

em ile yazı tipi boyutunu ayarlamak istiyorum, px değil. İşte benim kodudur:Yazı tipi boyutu neden değişmez?

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

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

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

Ben 12px olmak div yazı tipi boyutunu ayarlamak istiyorsanız, ancak beklediğimden daha küçük görünüyor, ben krom tarayıcı araçları ile div tarzı devre dışı, herhangi bir değişiklik olması görünmüyor. Neden ve nasıl div yazı tipi boyutu 12px yapmak için yapmalıyım? Teşekkürler.

+2

Eğer 'font-size denediniz ler yazı daha büyük 'ın font-size daha büyük bir yüzdesi kadar div yapmak için' ayarlamayı deneyin: 12px'? –

+0

Başka CSS'niz yoksa, geçerli CSS div'un yazı tipi boyutunu 12 piksele doğru şekilde ayarlayabilir. Bunu doğrulamak için, hesaplanan stilini Firefox Firebug veya Chrome'un Geliştirici Araçları'nı kullanarak kontrol edebilirsiniz. –

+0

@IanY, evet, 'Hesaplanan stilde', 'div' yazı tipi boyutunu 12px, thx çok gösterir. – hiway

cevap

6

hmm benim için iş gibi görünüyor: example

rağmen, ne atıfta olabilir font-size özelliğini etkinleştirme/devre dışı gelen küçük değişimdir. Bunun nedeni, iç içe geçmiş öğeler için em, ebeveynleri font-size ile ilgilidir. Örneğinizde, div için font-size:Xem, gövdenin font-size:X% numarasına göredir.

senin hala hiçbir değişiklik alma ederse, body

+0

evet, haklısınız. Değişiklik çok _little_, ben 'div' daha büyük bir boyuta değiştirdiğimde, belirgin olarak algılanabilir. – hiway

+0

haha ​​evet, birkaç ay önce aynı problemi yaşadım. yardımcı olduğuma sevindim :) –

İlgili konular