2012-12-18 19 views
5

İçinde küçük bir metin ve niçin görüntülenmeyen bir iframe ile açılan gerçekten küçük bir fancybox 2 modal yapıyorum. Ancak, bu yapıyı aşan QA ekibi, sitenin maksimum genişliğin 480px olduğunu düşünerek siteyi zorladığını fark etti.Fancybox 2 IE'de Duyarlı Medya Sorgularını Zorlama

IE10, Chrome veya Firefox'ta bu gerçekleşmez. Ayrıca IE9 Emülasyonunda da olmaz. IE10'um var ve IE'nin herhangi bir sürümünde/hareketinde kopyalayamıyorum ama IE9 ile her bilgisayarda olduğunu görebiliyorum. Çoğaltılamadığım için, sorunu bulmakta biraz zorlanıyorum. Buna neden olan Fancybox ile bilinen bir hata veya sorun var mı?

Yardımlarınız için teşekkürler!

+0

Sanmıyorum (bilinen herhangi bir sorunu hatırlamıyorum) ... Bahse girerim ki yanınızda bir tasarım hatasıdır, ancak bağlantı olmadan söylemek zor. QA ekibi bu sorunu nasıl fark etti? (eğer çoğaltamazsanız, nasıl yapılacağını sorun;) ... Öte yandan, fantastikada duyarlı bir sayfa açıyorsanız, 'iframe' ifadesini kullanarak 480 piksel genişliğinde '' tabii ki '' medya sorgusu tetiklenecektir. fancybox ama ana sayfada değil). – JFK

+0

Medya sorgusu, iframe'de değil, üst öğede yürütülür. Kimliği doğrulanmadığını gösterebileceğim bir bağlantı bulmaya çalışıyorum. Yerel IE10'ım varken Native IE9'a sahip olduklarından bunu bulmayı başardılar. Tasarım hatası olduğu konusunda kafam karıştı çünkü hiçbir hatam, doğrulama hatasızım veya dikkati çeken bir şey yok ve diğer tüm tarayıcılarda gayet iyi çalışıyor. Bu yüzden fantezi kutusunun kendisinde bir hata olabileceğini ya da onu uygulayacağım bir hata olduğunu düşündüm. – lxndr

+0

Herhangi bir bağlantınız varsa, IE ile ilgili IE9 hataları var, IE daha az hoşgörülü, sonra diğer tarayıcılar ... küçük sözdizimi hataları, diğerleri tarafından değil, IE tarafından gözden kaçırılabilir. Uygulamanızda bir hata varsa, kod veya bağlantı olmadan asla bilemeyeceğiz. – JFK

cevap

13

Aynı sorun, css 'urls'lerinizi iframe'inize, örneğin GET ile değiştirmeniz gerekir.

Ör:

Veli:

<link rel="stylesheet" href="http://url.css" /> or 
<link rel="stylesheet" href="http://url.css?v=X" /> 

Iframe:

<link rel="stylesheet" href="http://url.css?v=Y" /> or 
<link rel="stylesheet" href="http://url.css?v=X&f=1" /> 

Bug IE9 önbellek yöneticisinde olduğunu. CSS'nin url'si aynıysa, iframe'deki css'inizin Media Query'i ebeveyninize "yeniden yüklenir".

+0

Bunu kabul etmedeki gecikme için özür dilerim - bu durum gayet iyi sonuç verecektir, ancak maalesef zaman kısıtlamalarından dolayı, bir tıklama etkinliğini okuyan ve içinde konumlandırdığım gizli bir kutunun ekran niteliğini değiştiren kendi küçük modelimi oluşturmak zorunda kaldım. sayfanın ortası. Cevap verdiğiniz için teşekkürler! – lxndr

+0

Teşekkürler, bu da bana yardımcı oldu. – Jeff

+0

Gerçekten bunun benim için çalışacağını umduğum için değil, bunu yapmadı. Sorunumda, pencerenin genişliğinin iletişim kutusunun genişliği olduğuna ve bu nedenle yanlış bir şekilde ortam sorgularını uyguladığına inanan IE9 var. –