Zapytanie o media CSS nie działa w IE 9

Dołączyłem kilka zapytań o media w moim projekcie, aby zmienić szerokość niektórych elementów strony na podstawie szerokości przeglądarki. Zapytania wyglądają tak:Zapytanie o media CSS nie działa w IE 9

@media screen and (min-width:1024px) 
@media screen and (max-width:1024px)

Chrome, Safari i Firefox działają świetnie, tylko IE to problem. Wiem, że wszystkie wersje sprzed IE 9 nie obsługują tej funkcji, ale w ogóle nie działają w IE 9. Co może być problemem?

Źródło

2011-08-02 Sacha

Czy masz włączony tryb zgodności?

Źródło

2011-08-02 19:49:07

Tryb zgodności został włączony. Wyłączenie go rozwiązało problem. Dziękuję Ci bardzo. – Sacha

To również rozwiązało mój problem ... myślę, że wspomnę na wypadek, gdyby pomogło komukolwiek innemu, kto na moim IE9 w "Ustawieniach widoku zgodności" zaznaczył opcję "Wyświetl strony intranetowe w widoku zgodności", co okazało się być domyślna ??? i to miało wpływ na witryny obsługiwane przez mój serwer WAMP – byronyasgur

Czy tryb zgodności jest trybem domyślnym w IE9? –

-6

Niestety min-szerokość nie jest po prostu obsługiwana w żadnej wersji IE. Więc jeśli użyjesz tej konwencji:

<!--- CSS Selector :: Desktop ---> 
<link rel="stylesheet" type="text/css" href="css/desktop.css" media="screen and (min-width:960px)" label="desktop"> 

<!--- CSS Selector :: Tablet PC ---> 
<link rel="stylesheet" type="text/css" href="css/tablet.css" media="screen and (min-width:768px) and (max-width:959px)" label="tablet"> 

<!--- CSS Selector :: Phone ---> 
<link rel="stylesheet" type="text/css" href="css/phone.css" media="screen and (min-width:320px) and (max-width:499px)" label="phone">

Zignoruje to wszystko.

Reference.

Źródło

2011-11-27 11:54:12

Przydałoby się obejście tego problemu. I zgodnie z linkiem "Odniesienie", IE 7-9 wszystkie obsługują "min-szerokość". – Amy

Upewnij się, że masz prawą deklarację DOCTYPE. Jest zalecane, że strony internetowe używać typ dokumentu HTML5 w celu wspierania najszerszą gamę ustalonych i powstających standardów (w tym przypadku: CSS3), a także najszerszy zakres przeglądarek internetowych: <!DOCTYPE html>

Źródło

2012-08-07 22:36:59

korzystania z następujących warunków

@media only screen (min-width: 1px) and (max-width:599px)

zamiast

@media only screen (max-width:599px)

i upewnij min-width jest 1px jak IE9 nie pobierającej 0px

Źródło

2015-10-21 19:40:56 Sameh

Zapytanie o media CSS nie działa w IE 9

Odpowiedz

Powiązane problemy