Html 使用position:fixed时iPad上的抗锯齿效果更好,为什么?

Html 使用position:fixed时iPad上的抗锯齿效果更好,为什么?,html,css,ipad,fonts,antialiasing,Html,Css,Ipad,Fonts,Antialiasing,我注意到,当在元素上使用position:fixed时,iPad(iOS 5.0.1)上的文本呈现效果比没有position:fixed时要好。这对于背景较暗的白色文本尤其如此 我的问题是如何在不使用诸如position:fixed之类的变通方法的情况下使用这种改进的抗锯齿 下面您可以找到一个示例图片和相应的代码 我不知道这是为什么,但我知道如何控制webkit浏览器中的抗锯齿: -webkit-font-smoothing: none; /* Obvious */ -webkit-font-

我注意到,当在元素上使用
position:fixed
时,iPad(iOS 5.0.1)上的文本呈现效果比没有
position:fixed
时要好。这对于背景较暗的白色文本尤其如此

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

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


我不知道这是为什么,但我知道如何控制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 */

这会有帮助吗?

升级到iOS 5后,我再也无法重现这一点了-很奇怪。

在iPad上,将
位置:fixed
应用到body标签会使所有子元素的字体都变薄(外观类似于
-webkit字体平滑:抗锯齿
)。我还没有进行详尽的测试,但它在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
}

很抱歉回复得太晚,很遗憾这不是很好。因为我确信iOS使用WebKit,所以它会有什么不同吗?后两种不会有什么不同(我想是因为亚像素抗锯齿依赖于操作系统)。完全关闭它(没有),看起来很可怕。;)iOS无法进行亚像素消除混叠,因为屏幕的方向可以改变。是的,我可以确认。我发现iOS中的字体呈现很奇怪。。。