Media Queries wollen einfach nicht auf dem Smartphone funktionieren!

  • Guten Abend,

    nachdem ich nun mehrere Stunden ohne Ergebnis herumprobiert und gegoogelt habe, wende ich mich voller letzter Hoffnung an euch.


    Mein Problem
    Ich will mit Media Queries eine Seite responsive machen. Im Browser funktioniert das auch super, aber beim Smartphone wird gar keine Regel beachtet. Dabei muss ich sagen, dass ich es bisher nur auf dem iPhone 5 und 6 testen konnte.

    Es geht sich um folgende Seite:

    Zieht ihr euren Browser kleiner, so ändert sich vor allem der Header Bereich in 4 verschiedenen Schritten. Außerdem wird später die Seitenleiste verkleinert. Klappt super! Kein Problem!

    Öffnet ihr die Seite auf dem Smartphone wird sie ganz normal angezeigt. ich habe im Head den viewport metatag drin und schon sehr viel herumprobiert. Aber es hat nie etwas funktioniert. Ihr seid meine letzte Hoffnung!

    Im CSS "style.css" sind alle Media Queries ganz unten aufgelistet. Dabei sei gesagt, ja könnte sein, dass es nicht 100% profimäßg gemacht wurde. [Blockierte Grafik: http://xhtmlforum.de/images/smilies/icon_wink.gif]


    Schönes Wochenende und Grüße
    Andi

    Einmal editiert, zuletzt von Der.Andi (14. November 2015 um 10:53)