Css 字体大小：62.5%与字体大小：10px

很长一段时间以来，我一直在使用

正文{字体大小：62.5%；}

在CSS文档中，因为它应该使

1em

等于

10px

。然而，我最近注意到，我在Internet Explorer中的情况并非如此。因此，我尝试了以下代码：

html{font size:100%}
正文{字体大小：10px}

现在这对我来说很有魅力。我的问题是:

这个解决方案的缺点是什么，因为我找不到其他人使用它

---

澄清一下：我后来在

em

中指定了我所有的字体大小、宽度、高度等。它就在身体里，我用的是

10px

而不是

62.5%

你会得到这个问题双方的论点。我猜大多数人都会支持%。但你要求的是缺点或陷阱

您可能会遇到的主要缺点是，如果您遇到的浏览器或设备使用的是像素设置，而不是默认设置的百分比，并且该像素设置碰巧有问题或太小而无法读取。如果该浏览器没有为用户提供缩放字体或放大页面的机会，则可能存在潜在问题

综上所述，现在几乎所有的浏览器都默认设置为16px。我无法解释为什么IE在你的情况下会有不同的大小。若你们想要一个像素大小完美的设计，那个么就用px，否则我建议你们还是用%的

您可以使用：

html {font-size:10px}

因此，您可以只使用rem或em，而无需复杂的计算： 1雷姆=10px

---

2 rem=20px

百分比单位取决于浏览器的设置。对于web可访问性，大多数浏览器的默认设置使16px等于100%，因此10px等于62.5%。但是，如果您将浏览器的默认字体大小设置设置为更小或更大，62.5%还不等于10px。

也许此线程可以让您更深入地了解这个问题：[为什么是em而不是px][1][1]：我也喜欢像素字体大小。。。我觉得我有更好的设计控制。缺点是当人们手动增加文本大小时，它不能很好地扩展。。。事情会破裂/溢出。使用

%

或

em

可以更好地补偿这些间距问题。然而，这些天来，新的浏览器正朝着真正的“放大/缩小”方向发展，这使得旧的增加/减小文本大小问题变得毫无意义。谢谢你的链接，但我还是不明白其中的区别。在这两种情况下，Firefox中的1em都是10px，但对于我来说，在Internet Explorer中1em会稍微大一些。@Sparky672：缩放非常正确，但这会如何影响用户定义的默认值？喜欢在浏览器设置中更改字体大小吗？在这种情况下（可能在其他情况下）不鼓励百分比或ems吗？我得到的印象是，人们忽视了OP的要点。我不认为他是在问他是否应该使用px或%作为字体大小，他是在问他为所有字体设置基本大小的新技术是否有任何问题。

body{font-size:62.5%；}

是否与

html{font-size:100%}body{font-size:10px}

一样没有任何副作用？如果我在@RichardLThanks这个答案上错了，请纠正我。这就是我一直在寻找的，尽管它仍然给我带来了一个问题。也许我会用IE在另一个CPU上测试这个站点，看看是否还有同样的问题。如果有，那么我的代码中一定有其他原因导致了这种情况。如果这是您要查找的答案，请将其标记为正确的anwswer，以便他获得分数=）这将覆盖用户的可访问性选项（设置他们自己的基本字体大小）。最好假设浏览器默认值为16px，让用户随意修改，并定义

html{font-size:62.5%}

=10px/16px，以获得相同的“简单计算”，同时考虑可访问性选项。