-webkit-transform:在iPad上转换块渲染

Question

所以我知道translate/translate3d使用了图形处理器，但由于某些原因，它会导致在iPad上以块/块的形式渲染大型图形。在使用translate时，我很难找到图像的最大宽度/高度。

我希望能够在transform属性上使用css转换，但由于这个问题不能使用。即使是'top‘属性上的css转换也比使用jQuery.animate()这样的转换慢得多。

对此有什么建议吗？

Answer 1

我遇到了完全相同的问题，并且用这个CSS小工具获得了很多成功：

-webkit-backface-visibility: hidden;

我发现，将此元素添加到任何正在进行动画的元素中，可以解决“块状”渲染问题。在某些情况下，我还必须将其添加到子元素中，例如。我有一个很大的包装器div，并且使用translateX来调整x位置。我在包装器div中添加了CSS这一神奇的代码行，还添加了该div的直接子目录(它们是我的内容区域)。尝试一下，你就有希望把它弄清楚了！