Css 为什么Mac OS上Safari的字体大小要小得多？

我有一个网站，它的所有样式都使用CSS，在Windows中，在Firefox、Opera、IE、Safari和Chrome中，行距和字体大小都是一致的

我刚刚在Mac（Snow Leopard）上的Firefox下试用过，虽然字体通常看起来比windows上的粗体一些，但总体大小看起来差不多

然而，在Mac上的Safari中，所有字体都显得更小，行距也更紧

可能的原因是什么？这是一个已知的场景，也许有一个很好的解决方案

如果您想查看情况，所涉及的站点是：

---

谢谢

因为您在

em

中设置了字体大小（一件好事-不要更改！）字体大小取决于浏览器设置/用户首选项。您可能在Safari上设置了较小的字体

另一方面，如果您处于“所有浏览器都必须看起来像a，否则世界末日”阵营，那么您不应该使用

em

s

我不确定重置样式表中的

行高度：1

。这对我来说似乎是错的

编辑：

---

哦，等等，我刚刚发现

字体大小：62.5%。这并没有改变我说的话，但对许多人来说，这是一个令人不安的小问题，因为你使用的是用户首选大小的三分之二。
我知道这是一篇旧文章，但我最近遇到了同样的问题。我唯一遇到麻烦的浏览器是Mac上的Safari。我最终解决问题的方法是将我的重置更改为：

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

到

这就迫使浏览器都使用“中等”字体大小，然后从那里开始缩放。我加上这个的唯一原因是因为没有给出答案。希望这将有助于遇到这种情况的人。
字体大小非常小（在windows上）！我也会增加灰色的对比度，这真的很难阅读。可用性ftw:）不错的照片：）是的，我在样式表中将html元素的字体大小设置为62.5%，然后将body元素的字体大小设置为1.1em（我认为大约为11px）。我从网上阅读的各种文章中了解到，这种方法被大量使用，因此当您将字体大小指定为“em”时，更容易理解字体大小的大小（1.2em=12px，1.6em=16px等）。我不知道这些文章是如何得出这种假设的。它假设1em=10px。但事实并非如此。1em是用户在浏览器首选项中设置的大小。这可能是一个有缺陷的尝试，它结合了设计师对像素完美的“需要”，同时试图保持HTML/CSS中可访问性的外观。他们确实假设用户浏览器默认设置为“中等”，我相信是16px。这是我提到的文章之一：。也许我不应该使用这种62.5%的方法。AFAIK only IE的字体大小设置为“中等”。其他浏览器只允许用户设置他们想要的大小。好吧，至少我知道为什么现在会这样，谢谢。我只需要找出一种更好的方法来保持可伸缩的字体大小，同时在Mac上的Safari下以相似/合理的大小呈现它们，这样在每种浏览器中看起来都“相当”一致。
html { font-size: 16px; overflow-y: scroll; -webkit-text-size-adjust: 16px; -ms-text-size-adjust: 16px; }