सीएसएस नियम iOS9

Question

पर ठीक से काम नहीं करता है मैं साइट के सीएसएस के बारे में iOS9 साथ एक समस्या है। सीएसएस नियम एंड्रॉइड और आईओएस 8 पर ठीक काम करता है। लेकिन आईओएस 9 पर, साइट गड़बड़ हुई। यह अंतर ios8 और ios9 है।

संभावित समस्या क्या है और मैं इसे कैसे ठीक कर सकते हैं? मदद के लिए धन्यवाद।

सीएसएस:

section.destinations { 
    float: left; 
    width: 82.5%; 
    display: inline-block; 
    position: relative; 
    overflow: hidden; 
    margin: 0 auto; 
    font-weight: 300; 
    font-size: 1.25em; 
} 
.content-wrap { 
    position: relative; 
    border-radius: 5px; 
} 
.content-wrap section { 
    margin: 0 auto; 
    max-width: 1200px; 
    text-align: center; 
    padding: 10px; 
    border-radius: 5px; 
    background-color: white; 
    display: block; 
} 
.destinations .promo { 
    position: relative; 
    background: #fff; 
    webkit-box-shadow: 0 0 2px rgba(0,0,0,1); 
    -moz-box-shadow: 0 0 2px rgba(0,0,0,1); 
    box-shadow: 0 0 2px rgba(0,0,0,1); 
    float: left; 
    width: 23%; 
    margin: 0 2.6% 20px 0; 
    font-size: 10px; 
    text-align: left; 
    display: block; 
} 
@media screen and (max-width: 600px){ 
    section.destinations { 
     width: 100%; 
    } 
} 
@media screen and (max-width: 410px){ 
    .full .one-fourth { 
     width: 100%!important; 
     margin: 0 auto 15px!important; 
    } 
} 

HTML:

<section class="destinations clearfix full tabs tabs-style-tzoid"> 
    <div class="content-wrap"> 
     <section id="section-tzoid-1" class="content-current"> 
      <!--column--> 
      <article class="one-fourth promo" style=""> 

      </article> 
      <!--//column--> 
      <!--column--> 
      <article class="one-fourth promo" style=""> 

      </article> 
      <!--//column--> 
      <div class="clearfix"></div> 
     </section> 
    </div> 
</section> 

Answer 1

आप एक वेब वातावरण में IOS9 के लिए कार्डिनल समस्याओं में से एक पर ठोकर खाई है। आईओएस 9 किसी भी मीडिया प्रश्नों का सम्मान नहीं करता है।

अपनी कक्षाओं के लिए एक विशिष्ट स्क्रीन आकार के लिए एक मीडिया क्वेरी में रहते हैं, वे पढ़ नहीं किया जाएगा और अपने सीएसएस, अपने उत्पादन के रूप में यह वर्तमान में IOS9 में करता है सभी उपकरणों पर ही दिखाई देगा। इस मुद्दे की सूचना मिली है लेकिन वर्तमान में सेब ने इसे हल करने के लिए एक अद्यतन संस्करण के लिए एक शेड्यूल जारी नहीं किया है।

अपनी साइट में, Ive एक प्रदर्शन में एक चेतावनी तैनात: कोई नहीं; 1920 पीएक्स वर्ग से कम की मीडिया क्वेरी के साथ जो केवल आईओएस 9 उपकरणों पर प्रदर्शित होगा और जब तक समस्या हल नहीं हो जाती है।

/* Device Alert (all screen, < 1920px only)*/ 
@media screen and (max-width: 1920px) { 

<style> 
.alert { 
display:none; 
} 
</style> 
} 

<div class="alert"> 
IOS9 has caused display issues with this site. Please access the site on another platform until an update is issued. 
</div> 

मूल रूप से, अगर मीडिया क्वेरी अपवादित है, प्रदर्शन: कोई नहीं ;. यदि मीडिया क्वेरी को छोड़कर नहीं रखा गया है, तो अलर्ट प्रदर्शित करें।

आशा यह अब के लिए मदद करता है।