위치를 사용할 때 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

iOS 5로 업데이트 한 후 더 이상이를 재현 할 수 없었습니다.

Answer 2

그 이유는 나도 몰라,하지만 난 웹킷 브라우저에서 안티 앨리어싱을 제어하는 ​​방법을 알고 :

-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 3

iPad의 경우 body 태그에 position:fixed을 적용하면 모든 하위 요소에 글꼴이 더 얇아집니다 (외관은 -webkit-font-smoothing: antialiased과 유사). 나는 철저하게 테스트하지 않은,하지만이 답변이 늦어 죄송합니다

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