font-size:62.5% vs. font-size:10px
font-size:62.5% vs. font-size:10px
提问于 2011-10-10 22:47:33
很长一段时间我一直在用
body {font-size:62.5%;}在CSS文档中，因为它应该使1em等于10px。然而，我最近注意到，在Internet Explorer中，情况并非如此。因此，我尝试了以下代码：
html {font-size:100%}
body {font-size:10px}现在，这对我来说就像是一种魔力。我的问题是：
既然我找不到其他人使用它，这个解决方案的缺点是什么？
为了澄清:我稍后在em中指定了我的所有字体大小、宽度、高度等。只是在主体中，我使用10px而不是62.5%。
回答 3
Stack Overflow用户
发布于 2011-10-10 23:29:56
你会得到这个问题的两边的论据。我猜大多数人会支持%。但你问的是缺点或陷阱
您将遇到的主要缺点是，如果您遇到的浏览器或设备支持您的像素设置，而不是默认设置的百分比，并且该像素设置碰巧有问题或太小，无法读取。如果浏览器没有为用户提供缩放字体或放大页面机会，那么您可能会有一个潜在的问题。
话虽如此，如今几乎每个浏览器的默认像素都是16px。我不能解释为什么IE在你的情况下会改变它的大小。如果你想要一个像素大小完美的设计，那么使用px，否则我建议使用%。
Stack Overflow用户
发布于 2016-06-06 05:18:44
你可以直接使用：
html {font-size:10px}因此，您可以只使用rem或em，而不需要复杂的计算:1 rem = 10px 2 rem = 20px
Stack Overflow用户
发布于 2021-03-19 17:41:21
百分比单位取决于浏览器的设置。在网页可访问性的情况下，大多数浏览器的默认设置为16px等于100%，因此10px等于62.5%。但是，如果你将浏览器的默认字体大小设置为更小或更大，62.5%还不等于10px。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7714543
复制相关文章
相似问题
腾讯云开发者
