-webkit-transform:在iPad上翻译块状渲染

dal*_*jem 4 gpu css3 ipad translate3d webkit-transform

所以我理解translate/translate3d使用GPU,但由于某种原因,它导致大型图形在iPad上以块/块的形式呈现.在使用翻译时,我很难找到任何声明图像最大宽度/高度的地方.

我希望能够在转换属性上使用css转换,但不能因为这个问题.即使是'top'属性上的css转换也比使用jQuery.animate()之类的东西执行得慢.

有什么建议吗?

gre*_*dev 5

我有完全相同的问题,并在这个小的CSS宝石上取得了很大的成功:

-webkit-backface-visibility: hidden;
Run Code Online (Sandbox Code Playgroud)

我发现将这个添加到任何正在动画的元素中解决了"块状"渲染.在某些情况下,我还必须将其添加到子元素,例如.我有一个大的包装div,并使用translateX来调整x位置.我将CSS的神奇线条添加到包装器div,以及该div的直接子节点(这是我的内容区域).玩弄它,你希望它能整理出来!