我正在使用Sencha Touch构建一个针对iPad的应用程序。我知道，实现平滑动画的唯一方法是使用-webkit transform-css属性。这适用于使用translate3d移动事物并缩放它们，但我希望更改元素的尺寸（宽度和高度）。想象一下，一个元素的大小会增长以适应一个新的孩子——这就是我追求的原因
您在宽度和高度方面不会有任何运气，因为这些属性的任何转换都不会硬件加速。相反，在Safari中，你会看到一个甚至没有正确缩放的动画。在我的测试中，浏览器会首先转换高度，然后突然调整宽度，反之亦然。如果你只想缩放一个元素（更改其尺寸），那么你应该使用-webkit-transform: scale(x, y)。