什麼是html元素的font-size：100％？

Question

我正在開始一個新項目。我在問自己：當我使用em單元時，爲什麼我應該在html元素上添加font-size: 100%？

這是什麼100%到 - 100％相比呢？

Answer 1

將字體大小聲明爲瀏覽器的相同值有很多種類型。

1. font-size: 1em;

2. font-size: 100%;

3. font-size: 16px; // this is default

這樣一來，就可以得到默認的字體大小。但請注意，16像素將更改字體大小，但em和%將取決於正文標籤中使用的字體大小。

小提琴：http://jsfiddle.net/afzaal_ahmad_zeeshan/5Wkus/

所以你會看到，EM完全取決於在body的字體聲明。或者你可以說，它從小孩跑到父母。它一直在尋找最近父母的字體大小變化。在大多數情況下，它將代碼指向body元素或用戶代理默認樣式表。

Answer 2

html上的字體大小100％等於瀏覽器的默認字體大小，可以是14px或16px。