代码之家  ›  专栏  ›  技术社区  ›  marcusstarnes

为什么Mac OS上Safari的字体要小得多?

  •  3
  • marcusstarnes  · 技术社区  · 15 年前

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

    我刚刚在Mac(雪豹)上的Firefox下试用过,虽然字体看起来比windows要粗体一点,但总体大小看起来差不多。

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

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

    如果您想查看情况,请访问以下站点: http://www.marcusstarnes.co.uk

    谢谢

    2 回复  |  直到 15 年前
        1
  •  4
  •   RoToRa    15 年前

    因为你在 em (一件好事-不要改变!)字体大小取决于浏览器设置/用户首选项。你可能在Safari上设置了较小的字体。

    另一方面,如果你是在“所有的浏览器必须看起来像a,否则世界将结束”阵营,那么你不应该使用 s。

    line-height: 1 在重置样式表中。我只是觉得不对。。。

    编辑: 等等,我刚发现 font-size:62.5%; . 这并没有改变我所说的,但对于许多人来说,这是一个令人不安的小问题,因为您使用的是用户首选大小的三分之二。

        2
  •  1
  •   W3bGuy    14 年前

    我知道这是一个旧的职位,但我最近遇到了同样的问题。我唯一遇到麻烦的浏览器是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; }
    

    这就迫使浏览器都使用“中等”字体大小,然后从那里缩放它。我加上这个的唯一原因是因为真的没有给出答案。希望这能帮助遇到这个问题的人。