Auf IPhone-Geräten mit iOS11 habe ich Probleme mit dem Rendern von Bildern. Was ich mache, ist das LazyLoading einer Liste von Bildern auf Bildlauf, aber einige Bilder werden nicht wiedergegeben. Ich habe versucht, auf dem Safari-Desktop zu debuggen und es zeigt, dass img-Tag src gesetzt hat, aber es wird immer noch nicht gerendert, bis ich eine Aktion mache, die eine Ebene öffnet, die den Bereich komplett abdeckt.iOS11 Bildwiedergabe Probleme
Dinge, die ich habe versucht: -
- Transform3D GPU-Rendering zu verwenden. Die Opazität wird ebenfalls geändert.
- einige Styling-Element durch JS Hinzufügen auszulösen Reflow/neu zeichnen
One Doubt: Hat es mit PPI (Pixel pro Zoll) etwas zu tun. Derzeit ist es 150PPI. Muss ich es auf 72PPI reduzieren ?.
ich den Link gegeben hätte, wo das Problem tatsächlich passiert ist, aber nicht wirklich
leiderFiddle Beispiel:
http://jsfiddle.net/y37eL2hp/4/
Vollbild: http://fiddle.jshell.net/y37eL2hp/4/show/light/
HTML
<div ng-app="myapp">
<div ng-controller="Mycontroller">
<div class="my-product" ng-repeat="product in products track by $index">
<div class="my-productimgblk">
<ng-lazy-load-img imgsrc="product" class="lazy-smooth-load my-productimg" elem-type="img" elem-width="309" elem-height="400" load-offset-top="860"></ng-lazy-load-img>
</div>
</div>
</div>
</div>
Ich überprüfte Beispiel oben und es hat dasselbe Problem. Lösche Cache beim Reloaden
Können Sie mir bitte nur einen jsfiddle einrichten, um das Problem veranschaulichen? –
können Sie auch etwas Code hinzufügen, zumindest die Elemente rund um das Img-Tag – alphapilgrim
Könnten Sie versuchen, Ihre Website durch: https://tools.pingdom.com und Bildschirm Shotting der "Dateianfragen" Wasser fallen. Wenn Sie eine Datei laden, deren Ladevorgang zu lange dauert, kann dies dazu führen, dass das Rendering Ihres Bildes blockiert wird. –