sencha-touch - 除了移动 safari (webkit) 上的 -webkit-transform 之外，还有哪些硬件加速功能？

Question

我正在使用面向 iPad 的 Sencha Touch 构建应用程序。我知道实现平滑动画的唯一方法是使用 -webkit-transform css 属性。这适用于使用 translate3d 移动事物并缩放它们，但是我希望更改元素的尺寸（宽度和高度）。想象一下一个元素的大小会增加以适应一个新的孩子——这就是我所追求的

Answer 1

你不会对宽度和高度有任何运气，因为这些属性的任何转换都不会被硬件加速。相反，您在 Safari 中得到的是一个生涩的动画，甚至没有正确缩放。在我的测试中，浏览器会首先转换高度，然后宽度会突然卡入到位，反之亦然。如果您只想缩放元素（更改其尺寸），那么您应该使用我们-webkit-transform: scale(x, y)。