media queries funktionieren nicht?

**n00b** · 12.05.2013, 15:28

Hallo Community

Ich probier nun seit einem Tag rum und schaffe es einfach nicht.
Auf anderen Seiten habe ich bereits erfolgreich die media query: only screen and (max-device-width: 480px) eingesetzt und die wird auch korrekt von meinem Android-Handy verarbeitet.
Nun will ich genau diese media query auf einer anderen Site mit Contao 2.11.11 einsetzen und dort weigert sich das Handy, sie "anzunehmen". Wenn ich aber die Query ändere wird das mobile-css normal angezeigt. Gibts da einen Bug in 2.11.11 oder so? Ich habe alles korrekt per Layout eingebunden und es exakt so gemacht wie auf den funktionierenden Seiten.

Hat schon jemand die Erfahrung gemacht, das sich media queries bei Contao so "anstellen"?

**Madob** · 12.05.2013, 17:08

WIE hast du es denn eingebunden?

die CSS mit den Media query angaben auch im Seitenlayout angehakt und an letzter Stelle stehend?

**n00b** · 12.05.2013, 20:18

genau, Css im Layout eingebunden, zuunterst/resp. wird zuletzt geladen und sollte die restlichen css-regeln überschreiben, wenn ich die query auf min-width ändere geht es - aber dann für alle screens (logischerweise). Nur komisch, dass die verwendete Query in einer anderen Contao-Installation in der gleichen Version genau so funktioniert bei meinem Handy.

HTML-Code:

only screen and (max-device-width: 480px)

geht nicht (geht aber genau so bei 2 anderen Sites)

HTML-Code:

only screen and (min-device-width: 480px)

geht

**n00b** · 13.05.2013, 08:02

Folgendes:
Beim rumprobieren hab ich folgendes rausgefunden:

Wenn ich das css für die mobiles

HTML-Code:

@media only screen 
and (max-width : 1100px)

setze und die css für den Desktop auf

HTML-Code:

@media only screen 
and (max-width : 1101px)

Dann geht es - aber erst ab 1100px. Hab ich das evtl. was übersehen, was mein Phone dazu bringt, die Auflösung raufzusetzen?
Edit:
Wenn ich die statische Layout-grösse entferne und die grösse ins desktop-css reinschreibe (900px) kann ich die mobile device-width auf 800px runterschrauben. Ich nehme also an, es lag an der Grösse des Wrappers, aber warum das die Device-width beeinflusst kann ich mir iwie nicht erklären.