Darstellung auf mobilen Geräten

[Alex57]

Hallo, ich bin neu hier und hab eine Frage zur Darstellung auf mobilen Geräten.
Die Webseite http://www.boarding4one.de/startseite.html
wird auf dem Handy nur als Auschnitt dargestellt. Woran kann das liegen und wie kann ich das ändern.
Vielen Dank im Voraus
LG
Alex

[denniserdmann]

Hallo Alex,

das liegt daran, dass bei der Seite die META-Info viewport gesetzt wird (<meta name="viewport" content="width=device-width,initial-scale=1.0">).
Viewport ist für die Skalierung auf Smartphones und Tablets gedacht und ist u.a. für Responsive Webdesign wichtig. Die Seite scheint aber nicht responsive zu sein, oder?

Abhängig von der Contao Version, wird durch das Aktivieren von CSS-Frameworks im Seitenlayout der Meta-Viewport hinzugefügt. Bei Contao < 3.3 macht das das Framework Layout-Builder, ab Version 3.3 wird der Meta-Viewport bei Aktivierung von Responsives-Layout hinzugefügt.

Zum Thema Viewport wirst du hier im Forum eine Menge finden können, aber vielleicht reicht auch schon dieser Beitrag von Peter Müller für dich: http://pmueller.de/blog/contao-3-web...responsiv.html

[Spooky]

Der Viewport stimmt schon, aber der Header und das Menü muss noch Responsive gemacht werden.

[Thoni]

Das Image #slogan ist zu breit und so zeigt sich der scrollbalken Quer.

[uwe]

Und wenn im responsiven CSS #logo und #mainnav nicht mehr position: absolute; haben, wird es schon deutlich besser.