默认百分比html元素
问题描述:
我设置默认的HTML字体大小的字体大小是:默认百分比html元素
html{
font-size: 75%; /* 12px */
}
然后设置正文字体大小象下面这样:
body{
font-size: 0.75em; /* 12px */
}
现在,我要为p标签设置14px的,因此将看起来像:
p{
font-size: 0.875em; /* 14px */
}
但是,当我检查浏览器中,它看起来那么小。我的上面的代码有什么问题?预先感谢。
答
em按字体大小缩放。 所以1em是当前的字体大小,0.5em是它的一半。 从12px开始(75%),然后应用0.75em,如果你在9px上应用0.875em,你将得到8px。
此链接应该说清楚:http://kyleschaeffer.com/development/css-font-size-em-vs-px-vs-pt-vs/
当然,它看起来很小。这就是你所设定的。你的预期产出是多少? – CodeGodie 2014-10-29 19:48:10
@CodeGodie我想'p'标签看起来比默认的字体大小更大,但我不知道它为什么看起来更小 – 2014-10-29 19:49:47
它更小,因为你从更大的大小采取百分比。 'em'几乎可以像某种方式的百分比那样工作,它会因为您应用小数而缩小。 – CodeGodie 2014-10-29 19:59:42