Hallo,
ich erstelle gerade ein mobiles Layout für eine bestehende Webseite. Die Seite hat ein Layout für die Startseite und ein Layout für alle anderen Seiten. Ich habe jetzt ein mobiles Layout für die Startseite erstellt und folgendes gemacht:
- eine mobil.css erstellt, mit Mediaquery @media screen and (max-width:767px), das
- ein Seitenlayout MOBIL angelegt (mit Einbindung der mobil.css)
- in der Seitenstruktur der Startseite unter "Layout für mobile Seiten" das Seitenlayout MOBIL zugewiesen
Klappt alles super. Das einzige Problem ist, wenn ich die Seite vom Smartphone aufrufe, wird sie anfangs zu groß angezeigt.
Ich habe jetzt versucht, den Viewport in der fe_page auszukommentieren. Dann wird aber wieder das nicht-mobile Layout angezeigt. (Warum?)
Dann habe ich einen Meta-Tag hinzugefügt mit width=device-width oder auch width=768. Klappt aber auch nicht. Auch mit initial-scale funktioniert es nicht.
Kann mir jemand helfen, wo liegt der Denkfehler?
LG
Andrea
Lesezeichen