默認百分比html元素

我設置默認的HTML字體大小的字體大小是：默認百分比html元素

html{ 
    font-size: 75%; /* 12px */ 
}

然後設置正文字體大小象下面這樣：

body{ 
    font-size: 0.75em; /* 12px */ 
}

現在，我要爲p標籤設置14px的，因此將看起來像：

p{ 
    font-size: 0.875em; /* 14px */ 
}

但是，當我檢查瀏覽器中，它看起來那麼小。我的上面的代碼有什麼問題？預先感謝。

2014-10-29 The Hung

當然，它看起來很小。這就是你所設定的。你的預期產出是多少？ – CodeGodie 2014-10-29 19:48:10

@CodeGodie我想'p'標籤看起來比默認的字體大小更大，但我不知道它爲什麼看起來更小 – 2014-10-29 19:49:47

它更小，因爲你從更大的大小採取百分比。 'em'幾乎可以像某種方式的百分比那樣工作，它會因爲您應用小數而縮小。 – CodeGodie 2014-10-29 19:59:42

em按字體大小縮放。所以1em是當前的字體大小，0.5em是它的一半。從12px開始（75％），然後應用0.75em，如果你在9px上應用0.875em，你將得到8px。

2014-10-29 19:54:07 DeBug

回答