आईओएस 11 छवि प्रतिपादन मुद्दे

Question

आईओएस 11 के साथ आईफोन उपकरणों पर मुझे छवियों के प्रतिपादन के साथ समस्याएं हैं। मैं जो कर रहा हूं वह स्क्रॉल पर छवियों की एक सूची को आलसी लोड कर रहा है लेकिन यादृच्छिक रूप से कुछ छवियां प्रस्तुत करने में विफल रही हैं। मैंने सफारी डेस्कटॉप पर डिबगिंग करने की कोशिश की है और यह दिखाता है कि आईएमजी टैग पर उस पर src सेट है लेकिन फिर भी यह तब तक प्रस्तुत नहीं होता जब तक कि मैं कुछ क्रिया नहीं करता जो किसी भी परत को पूरी तरह से क्षेत्र को कवर करता है।

बातें मैं कोशिश की है: -

1. transform3d GPU रेंडरिंग उपयोग करने के लिए। अस्पष्टता का उपयोग करना, साथ ही बदल जाएगा।
2. जे एस के माध्यम से तत्व करने के लिए कुछ स्टाइल जोड़ा जा रहा है को गति प्रदान करने पुनर्प्रवाहित/पुनः बनाने

एक संदेह: यह पीपीआई (पिक्सेल प्रति इंच) के साथ कुछ करने की जरूरत है। वर्तमान में इसकी 150 पीपीआई। क्या मुझे इसे 72 पीपीआई में कम करने की ज़रूरत है?

मैं कड़ी जहां इस मुद्दे को वास्तव में क्या हो रहा है, लेकिन नहीं कर सकते हैं वास्तव में खेद है

फिडल उदाहरण दिया होता:

http://jsfiddle.net/y37eL2hp/4/

पूर्ण स्क्रीन: http://fiddle.jshell.net/y37eL2hp/4/show/light/

एचटीएमएल

<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> 

मैंने उदाहरण के ऊपर जांच की है और इसकी एक ही समस्या है। पुनः लोड

Answer 1

पर स्पष्ट कैश है जाहिरा तौर पर वहाँ एक ज्ञात समस्या जो सफारी से संबंधित माना जाता है कि अस्पष्ट मोनो विस्तृत वर्ग वर्ण मान लिया गया है, और है एक बार फॉन्ट अपने जावास्क्रिप्ट अपने lazyload स्क्रिप्ट inlcuding बाहर यह बार भरी हुई है।

वैकल्पिक हल समाधान जो आम यानी

font-family: "Your strange font", Arial, Sans-Serif; 

या शायद का उपयोग गूगल-फोंट

उम्मीद है कि हालांकि IOS11 प्रणाली जल्द ही समझौता हो जाएगा है एक fallback फ़ॉन्ट शामिल करने के लिए है !!! https://bugs.webkit.org/show_bug.cgi?id=174031