此问题似乎会影响所有基于WebKit的浏览器,包括iPhone.
首先是一些背景.我正在使用的网站使用基于JavaScript的"滑块"动画.
我正在使用-webkit-transform: translate3d"动力"实际动画.使用此方法时,与基于JavaScript的方法相反,一旦内容动画化,文本就会变得模糊.这在iPhone上尤其明显.
我看到的一些解决方法是删除相对定位,我做了,并添加了一个规则-webkit-font-smoothing: antialiased,我也做了.两种变化都没有丝毫差异.
我可以在没有模糊文本的情况下正常工作的唯一方法是使用常规JavaScript来制作动画并translate3d完全绕过它.我更喜欢使用,translate3d因为它在支持WebKit的设备上执行速度要快得多,但对于我的生活,我无法弄清楚为什么它会以如此糟糕的方式影响文本.
任何建议或解决方案将不胜感激.