使用Safari Mobile在固定div内渲染问题

Question

如果我将position: fixed设置为我的div，则其内部的字体文本将变得更细，并且根本不可读。

如果位置是绝对的，相对的或静态的，则字体以正确的方式呈现。

问题发生在Safari上iOS 6只有。我没有与iPad的iOS 7没有问题。

我可以调整任何想法或自定义webkit属性？

（我已经试过-webkit-text-size-adjust: 100%没有结果）

即使系统字体出现该问题的自定义字体。

Answer 1

请尝试以下

-webkit-font-smoothing: antialiased; 

这是由不同的方式浏览器渲染字体引起的。