Tag | CSS3
26
Zapytania medialne (media queries) nie działają na Internet Explorer
Brak komentarzy · Autor postu RaVns, kategoria CSS, HTML/XHTML
Czy zastanawiałeś się co jest przyczyną, że akurat w przeglądarce Internet Explorer nawet w wersji 10 nie działają zapytania medialne? Zapytania w tym przykładzie dołączane były do strony w CSS za pomocą dyrektywy @media
Zapytania dobrze były obsługiwane w innych przeglądarkach wyświetlając poprawnie oczekiwane zmiany układu strony.
Od zawsze mówi się, że jeśli Explorer to będzie problem… Jednak zapytania medialne (ang. media queries) działają w IE powyżej wersji 8. Taka dygresja: nie działają we wcześniejszych wersjach, bo zanim powstała przeglądarka IE8 i starsze – media nie były znane. Można się wspomagać i wykorzystać do tego celu haki na IE jak np.: media-queries.js lub respond.js.
Rozwiązaniem wspomnianego problemu było oczywiście niewczytanie, czy brak biblioteki jQuery wymaganej do skryptów Google Analytics, które były wczytywane niżej. A była to strona błędu, więc na pierwszy rzut oka nie widać było, że coś nie działa, gdyż jak wiadomo składa się ona zazwyczaj z prostego HTMLa.
Na tym przykładzie mimo tego, że mieliśmy do czynienia z Explorerem, to on czasem przydaje się do debugowania różnych problemów, które często nie stanowią dużych kłopotów, ale pozwalają wychwycić choćby jakieś błędy w składki JavaScript.
Tagi: @media · CSS3 · IE · IE8 · Media Queries · zapytania medialne