正文 { 字体大小：100.01%; } vs body { 字体大小：100%; }?答案

【问题标题】：body { font-size: 100.01%; } vs body { font-size: 100%; }?正文 { 字体大小：100.01%; } vs body { 字体大小：100%; }?
【发布时间】：2011-02-11 18:46:33
【问题描述】：

我应该为body、{font-size: 100.01%; } 或{ font-size: 100%; } 保留什么？

{font-size: 100.01%; } 是什么？甚至在html{} 中提及字体大小真的很好吗

如果我使用的是body {font-size: 62.5%;}

编辑：2010 年 5 月 3 日

今天我在这里找到了关于 100.01% 的信息 - http://www.communitymx.com/content/article.cfm?cid=FAF76&print=true

字体的这个奇怪的 100.01% 值尺寸补偿了几个浏览器错误。一、设置默认body 以百分比表示的字体大小（而不是 em）消除了 IE/Win 问题增大或缩小字体如果它们稍后被设置，则比例其他元素中的 ems。此外，某些版本的 Opera 会绘制一个默认字体大小 100% 太小与其他浏览器相比。 Safari，开启另一方面，有一个问题字体大小为 101%。当前的“最佳” 建议是使用 100.01% 的值对于这个属性。

用body { font-size:100.01%}代替{font-size:100%}好不好

【问题讨论】：

搞笑，我昨晚在另一个论坛上看到一个非常相似的帖子。
@Sam152 - 那么，有什么好的答案吗？如果有，请告诉我链接。

标签： css xhtml cross-browser

【解决方案1】：

声明body (or html) { font-size: 100.01% } 补偿了舍入误差，特别是在旧版本的 Opera 和 Safari 中。否则两者都会显示太小的字体。

相对字体大小 (%, em) 总是相对于父元素的字体大小进行解释。因此，在顶部元素中实现某种初始重置并不是一个坏主意，您可以使用body {font-size: 100%} 来实现。

【讨论】：

【解决方案2】：

以前从未见过 100.01%，但如果您使用此“修复”，它似乎会迫使某些浏览器忽略或计算正确的大小。

我自己不会使用它，因为错误往往会被修复，而且通常有更好的方法来处理相同的选项。

【讨论】：

【解决方案3】：

html { 字体大小：100.01%； }

100.01%，不是 hack 或 kludge，已经存在很多年了。谷歌“100.01%”并阅读。它与 100% 一样有效，并且确实覆盖了 100% 不覆盖的某些领域。

应始终声明初始字体大小。在外部容器上设置基本字体大小 - 或

- 因为它来自该容器，所有相关和继承的字体大小值都将派生。使用 100% 或 100.01% 使起始字体大小等于用户的浏览器首选项。

将基本字体大小设置为用户的浏览器偏好可以为您的访问者提供最大的可读性。请再读一遍，关于用户的偏好。您的访问者将设置他们的浏览器字体大小，以获得最佳的易读性和阅读舒适度。你的设计，虽然华丽而脆弱，但只是一个二线演奏者。内容为王，假设你有一些。但是，如果该内容很小，无法阅读，那么您就输了。访客继续冲浪。那么，您的设计未能满足您的需求和期望。因此，设计真的没有那么好，是吗？

【讨论】：

有效并不能阻止它成为黑客。您声明“应始终声明初始字体大小”-但您没有说明原因。浏览器有一个默认值（这是用户的偏好）。