आईओएस 9 बग - सीएसएस नियमों को अनदेखा किया गया

Question

आईओएस 9 में अपग्रेड करने के बाद से, मेरे वेब एप्लिकेशन ने व्यवहार बदल दिया है और अब सीएसएस शैली display: none औरके साथ सभी सामग्री दिखाता है। आईओएस के लिए सफारी और क्रोम दोनों में यह "फीचर" देखा जाता है। विंडोज और एंड्रॉइड फोन पर क्रोम, फ़ायरफ़ॉक्स, सफारी और आईई में वही सामग्री छिपी हुई है (अपेक्षित)। समस्या आईओएस से संबंधित प्रतीत होती है लेकिन मुझे इसके बारे में कोई जानकारी नहीं मिली।

मुझे पता है कि आईओएस 9 के लिए मीडिया क्वेरी बग है (वर्णित here और here) लेकिन मुझे पृष्ठ की प्रतिक्रिया और न ही ज़ूम की समस्याएं हैं।

यह भी ध्यान देने योग्य है कि मैं ट्विटर बूटस्ट्रैप 3 का उपयोग कर रहा हूं और यह विशेष रूप से उनके छिपे हुए वर्ग हैं जो आईओएस में ठीक से काम नहीं कर रहे हैं।

<div class="hidden">Hide me please</div> 

सामग्री छिपी क्यों नहीं है?

---

अद्यतन

मैं एक fiddle परीक्षण के लिए बना दिया है। इसमें दो छिपा वस्तुओं हैं, लेकिन इस सरलीकृत संस्करण में उनमें से केवल एक विफल रहता है। मैं उम्मीद दोनों मेरा असली परिदृश्य में तरह विफल है, लेकिन आप सब कुछ आप चाहते हैं नहीं मिल सकता है;)

Answer 1

मुझे लगता है कि यह संबंधित है चौड़ाई बग की तरह सफारी सही में नहीं ले रही है लग सकता है अक्सर IOS9 के बारे में सूचना दी खाता मीडिया के प्रश्नों।

एक संभावित समाधान हो सकता है, फिक्सिंग या meta viewport में उन मूल्यों को जोड़ने:

initial-scale=1.0001 
minimum-scale=1.0001 
maximum-scale=1.0001 
user-scalable=no 

मेटा व्यूपोर्ट में पेज चौड़ाई सेट मत करो! इससे सिर्फ और समस्याएं पैदा होंगी।

सब इस तरह से सभी में

:

<meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no"/> 

अगर यह काम करता है, तो आप सिर्फ IOS9 वेबकिट केवल के लिए एक विशिष्ट meta viewport जोड़ने के लिए एक जावास्क्रिप्ट निर्धारित कर सकते हैं।