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

這是由不同的方式瀏覽器渲染字體引起的。