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

Question

如果我将 position: fixed 设置为我的 div，里面的字体文本将变得更薄，根本不可读。

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

仅适用于 iOS 6 的 Safari 会出现此问题。我在使用 iOS 7 的 iPad 时没有遇到任何问题。

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

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

即使使用系统字体自定义字体也会出现问题。

Answer 1

试试下面的

-webkit-font-smoothing: antialiased;

这是由于浏览器呈现字体的方式不同造成的。