Chống răng cưa tốt hơn trên iPad khi sử dụng vị trí: cố định, tại sao?

Question

Tôi nhận thấy rằng khi sử dụng position: fixed trên một phần tử, văn bản trên iPad (iOS 5.0.1) đang được hiển thị tốt hơn không có position: fixed. Điều này đặc biệt là trường hợp cho văn bản màu trắng trên nền tối hơn.

Câu hỏi của tôi là cách sử dụng tính năng chống răng cưa được cải thiện này mà không cần sử dụng cách giải quyết như position: fixed.

Dưới đây bạn có thể tìm thấy ảnh ví dụ và mã tương ứng.

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

http://jsfiddle.net/t4kTm/

Answer 1

Sau khi cập nhật lên iOS 5, tôi không thể tái tạo lại điều này nữa - lạ.

Answer 2

Tôi không biết lý do tại sao có nghĩa là, nhưng tôi biết làm thế nào để kiểm soát chống răng cưa trong các trình duyệt 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 */ 

Sẽ trợ giúp này?

Answer 3

Trên iPad, áp dụng position:fixed vào thẻ body làm cho phông chữ mỏng hơn cho tất cả các phần tử con (ngoại hình tương tự như -webkit-font-smoothing: antialiased). Tôi chưa thử nghiệm đầy đủ, nhưng nó hoạt động với Helvetica Neue trong iOS 5.1.1

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