【问题标题】:Font rendering and margin in safari 5 - 6 and chromeSafari 5 - 6 和 chrome 中的字体渲染和边距
【发布时间】:2013-10-25 20:34:40
【问题描述】:

我已经使用 jquery 构建了一个介绍动画。这在我的机器上的所有浏览器(ff、chrome 和 safari)上看起来都很好。

但在客户端上却没有!

客户截图: http://madmantis.co.uk/debug/screen-shot-client.png

我的屏幕截图: http://madmantis.co.uk/debug/screen-shot-vs.png

我只是想不通这里发生了什么......也许与css中的换行有关?

我在 safari 6 上,他在 safari 5 上。他在 chrome 中报告了同样的问题,我再次没有看到错误。

该网站位于http://dev.system2.co.uk

感谢您的帮助

【问题讨论】:

    标签: html css safari text-rendering


    【解决方案1】:

    Safari 6 中的默认字体渲染方法似乎发生了一些变化。这里有一些可能对你有用的小 CSS:

    html {-webkit-font-smoothing: antialiased}
    

    取自本主题:Font render safari 6

    【讨论】:

    • 不错的尝试,但没有果汁......我将重写 html 以使每一行的 div 隐藏溢出以掩盖溢出。
    猜你喜欢
    • 1970-01-01
    • 2019-07-27
    • 2021-10-18
    • 1970-01-01
    • 2011-04-22
    • 2018-05-21
    • 1970-01-01
    • 1970-01-01
    • 2015-03-03
    相关资源
    最近更新 更多