使用位置时，iPad上的抗锯齿效果更好：固定，为什么？

Question

我注意到在元素上使用position: fixed时，iPad（iOS 5.0.1）上的文字比没有position: fixed时更好。对于较暗背景上的白色文本尤其如此。

我的问题是如何在不使用position: fixed等变通方法的情况下使用这种改进的抗锯齿功能。

您可以在下面找到示例图片和相应的代码。

http://i41.tinypic.com/op8f9u.png

http://jsfiddle.net/t4kTm/

Answer 1

我不知道为什么会这样，但我知道如何在webkit浏览器中控制抗锯齿：

-webkit-font-smoothing: none; /* Obvious */
-webkit-font-smoothing: subpixel-antialiased; /* This is what quite a few browers already do*/
-webkit-font-smoothing: antialiased; /* Even more than the one above */

这会有帮助吗？

Answer 2

更新到iOS 5后，我再也无法重现了这一点 - 很奇怪。

Answer 3

在iPad上，将position:fixed应用于body标签会使所有子元素的字体更薄（外观类似于-webkit-font-smoothing: antialiased）。我没有详尽地测试过，但它适用于iOS 5.1.1中的Helvetica Neue

body {
  -webkit-font-smoothing: antialiased;  // make fonts thinner in desktop Webkit
  position: fixed;                      // make fonts thinner on the iPad
}