Лучшее сглаживание на 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

На iPad применение position:fixed к тегу body делает шрифт более тонким для всех дочерних элементов (внешний вид похож на -webkit-font-smoothing: antialiased). Я не тестировал исчерпывающе, но он работает с Helvetica Neue в iOS 5.1.1

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

Answer 3

После обновления до iOS 5 я больше не мог это воспроизводить - странно.