我有一个网站，它使用CSS进行所有样式设置，在Windows中，行间距和字体大小都与Firefox，Opera，IE，Safari，Chrome一致。
我刚刚在Mac（Snow Leopard）的Firefox下试过它，虽然字体看起来比在Windows上看起来更大胆，但一般的尺寸看起来大致相同。
但是，在Mac上的Safari中，所有字体看起来都要小得多，行间距也要紧凑得多。
可能的原因是什么？这是一个已知的场景，可能有一个很好的解决方法吗？
如果您想查看相关情况，相关网站是： http://www.marcusstarnes.co.uk
由于
答案 0 :(得分：4)
由于您在em中设置了font-size（这是一件好事 - 请勿更改！）字体大小取决于浏览器设置/用户首选项。你可能在Safari上有一个较小的字体集。
另一方面，如果您处于“所有浏览器必须看起来像或者世界将会结束”阵营，那么您不应该使用em。
我不确定重置样式表中的line-height: 1。这对我来说似乎不对......
修改
哦等等，我刚发现font-size:62.5%;。不会改变我所说的内容，但对于许多人来说，这是一个令人不舒服的小事，因为你使用了三分之二的用户首选尺寸。
答案 1 :(得分：1)
我知道这是一篇较旧的帖子，但我最近遇到了同样的问题。我遇到麻烦的唯一浏览器是Mac上的Safari。我最终解决这个问题的方法是改变我的重置：
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
到
html { font-size: 16px; overflow-y: scroll; -webkit-text-size-adjust: 16px; -ms-text-size-adjust: 16px; }
这只是迫使浏览器全部使用“中等”字体大小，然后从那里缩放它。我添加这个的唯一原因是因为确实没有给出答案。希望这会帮助遇到这种情况的人。