什么是硬件加速除了-webkit-transform在移动safari（webkit）？

Question

我正在使用针对iPad的Sencha Touch构建应用程序。实现平滑动画的唯一方法就是使用-webkit-transform css属性。这适用于使用translate3d移动物体并缩放它们，但是我希望更改元素的尺寸（宽度和高度）。想象一下，这个元素的大小越来越大，以适应新生儿 - 这就是我所追求的目标

Answer 1

宽度和高度都没有任何好运，因为这些属性的任何转换都不会进行硬件加速。你在Safari中得到的是一个生涩的动画，甚至没有正确缩放。在我的测试中，浏览器首先会转换高度，然后宽度会突然缩进，反之亦然。如果您只想缩放一个元素（更改其尺寸），那么您应该{@ 1}}。