2013-04-07 107 views
7

我想用em設定字體大小,而不是px。這裏是我的代碼:爲什麼字體大小不變?

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

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

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

我想設置div的字體大小12像素,但它看起來很小,比我期望的,我禁用div風格的chrome瀏覽器的工具,它不看有什麼變化。爲什麼以及如何製作div字體大小12px?謝謝。

+2

你試過'字體大小:12px'? – 2013-04-07 03:19:05

+0

如果你沒有其他的CSS,當前CSS可以正確設置div的字體大小爲12px。您可以使用Firefox的Firebug或Chrome的開發人員工具來確認計算出的風格。 – 2013-04-07 03:38:40

+0

@IYY,是的,在'calculate style'中,它顯示'div'的字體大小是12px,thx非常多。 – hiway 2013-04-07 03:59:10

回答

6

嗯,似乎爲我工作:example

雖然,你可能指的是從啓用/禁用font-size財產變化。這是因爲嵌套元素的em相對於其父母font-size。在你的例子中,div的font-size:Xem相對於body的font-size:X%

如果你仍然沒有得到改變,請嘗試設置bodyfont-size到更大的比例,讓您div的字體更大

+0

是的,你是對的。這個改變非常小,當我把'div'改成更大的尺寸時,它可以被清晰地檢測出來。 – hiway 2013-04-07 03:58:11

+0

哈哈耶,幾個月前我有同樣的問題。很高興我能幫上忙 :) – 2013-04-07 04:27:33

相關問題