Meine Seite stürzt in Safari nur auf dem iPad und auf dem iPad ab. Ich animiere ein großes Bild (4800 x 374 Pixel, obwohl nur 336 KB) im Header mit einer CSS3-Animation. Nach etwa zehn Sekunden stürzt Safari ab.CSS Animation stürzt ab Safari nur auf dem iPad
können Sie sehen, die Seite an http://bakabaka.nl/preview/leuk/
Kann ich diesen Absturz zu verhindern, und wenn ja, wie? Kann ich die Animation flüssiger gestalten? Es ist jetzt sehr gezackt ...
Dies ist ein Schuss im Dunkeln, aber vielleicht lohnt es sich.
Was ich versuchen würde, ist eine 3D-Animation auf iOS zu verwenden, da es die Hardware-Beschleunigung verwendet:
-webkit-transform: translate3d(X,Y,Z);
hier Für weitere Informationen siehe: ‚3D Transform Functions‘
Auch können einige Probleme auftreten, mit sehr große Bilder auf iOS. Vielleicht wäre es eine bessere Lösung, sie in Stücke zu schneiden. Lesen Sie mehr darüber: "Know iOS Resource Limits"
Ich werde es versuchen, danke! – Bakabaka
Das hat wie ein Zauber funktioniert. Ich habe am Ende eine translateX-Animation nur für das Webkit (unabhängig vom Betriebssystem) verwendet und das hat die Probleme gelöst. Vielen Dank! – Bakabaka
Sieht auf meinem iPhone jetzt ziemlich glatt aus. Ich bin froh, dass ich helfen kann. :) – insertusernamehere
Ich habe etwas Ähnliches erlebt. Für alle anderen, die ihren Kopf gegen eine Wand schlagen könnten, stürzte Safari auf Desktop und iOS ab. Es wirklich mag nicht ::window-inactive Selektor.
könnte nützlich sein, hinzuzufügen, dass ich WordPress verwende, um diese Website zu betreiben, aber ich sehe nicht wirklich, wie das die Dinge beeinflussen würde. – Bakabaka