iOS 9 hata - css kuralları yok sayılıyor

Question

iOS 9'a yükselttiğim için, web uygulamam davranışını değiştirdi ve şimdi tüm içeriği css stili display: none ve visibility: hidden ile gösterir. Bu "özellik", hem Safari'de hem de iOS için Chrome'da görülüyor. Aynı içerik, Windows ve Android telefonlarda Chrome, Firefox, Safari ve IE'de gizlidir (beklendiği gibi). Sorun iOS ile ilgili görünüyor, ancak bu konuda herhangi bir bilgi bulamadım.

iOS 9 için bir medya sorgusu hatası olduğunu biliyorum (here ve here numaralı telefonlarda açıklanmıştır) ancak sayfanın yanı sıra yakınlaştırma ile ilgili sorun yaşıyorum.

Ayrıca, Twitter Bootstrap 3'ü kullanıyorum ve özellikle iOS'ta düzgün çalışmıyor olan gizli sınıflarını kullanıyorum.

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

İçerik neden gizlenmiyor?

---

Ben fiddle test için yaptık

Güncelleme. İki gizli nesne içerir, ancak bu basitleştirilmiş sürümde bunlardan sadece biri başarısız olur. Her ikisinin de gerçek senaryoda olduğu gibi başarısız olmasını bekledim, ancak istediğiniz her şeyi alamıyorsunuz;)

Answer 1

Sanırım, IOS9 hakkında sıkça bildirilen, Safari'nin doğru hesapta yer almadığı gibi görülebilen, ilgili genişliktir. medya sorguları.

Geçici bir sabitleme veya meta viewport bu değerleri ekleyerek olabilir:

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

meta görüntü kapısında sayfa genişliğini ayarlamak etmeyin! Bu sadece daha fazla sorun yaratacaktır. Bütün bu yolla tüm

:

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

eğer çalışırsa

, sadece IOS9 webkit yalnızca belirli meta viewport eklemek için bir javascript ayarlayabilirsiniz.