默认百分比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

回答