CSS动画在iPad上崩溃Safari只有

我的网站在iPad和iPad上的Safari上崩溃。我用css3动画制作了一个大图片（4800 x 374px，虽然只有336 kb）。大约十秒钟后，这会导致Safari崩溃。CSS动画在iPad上崩溃Safari只有

的网站，我可以防止这种崩溃，如果是这样，怎么样？我可以让动画更流畅吗？这是非常锯齿现在...

2012-08-07 Bakabaka

可能是有用的补充说，我使用WordPress来运行这个网站，但我真的不知道这会如何影响的东西。 – Bakabaka 2012-08-07 16:18:00

这是在黑暗中拍摄，但也许值得。

我会尝试是因为它使用硬件加速来使用iOS上的3D动画：

-webkit-transform: translate3d(X,Y,Z);

在这里看到更多的信息：“3D Transform Functions”

也有可能会出现一些问题，非常iOS上的大图片。也许这是一个更好的解决方案，将它们切成块。阅读更多关于它：“Know iOS Resource Limits”

2012-08-07 17:52:28 insertusernamehere

要试试，谢谢！ – Bakabaka 2012-08-08 08:18:02

这就像一个魅力。我最终只为webkit（独立于操作系统）使用了translateX动画，并解决了一些问题。谢谢！ – Bakabaka 2012-08-10 16:13:18

现在看起来很漂亮。我很乐意提供帮助。 :) – insertusernamehere 2012-08-10 16:16:04

我也遇到过类似的情况。对于任何可能撞墙的人来说，这在桌面和iOS上都会导致Safari崩溃。它真的不喜欢那个::window-inactive选择器。

::-webkit-scrollbar-thumb:window-inactive { 
    background: #f2f2f2; 
}

2016-05-16 18:42:56

回答