html - 使用 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;

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