Mobile Webseite erstellen aus vorhandener Desktop Webseite

[pl]

Hi Leute,

habe eine Webseite gebaut, Template gekauft und verändert. HTML und CSS mit JS und PHP scripten. Die sieht auf Mobilgeräten auch gut aus, ist aber halt keine richtige Mobile Seite.

Guck Dir die Benutzerführung auf kleinen Displays an: Vieles, was aufm Desktop geht, ist da nicht mehr möglich. Grafiken und Texte scalieren sich zwar fast von selbst, aber haupsächlich um das Menu zur Navigation musst Du Dir Gedanken machen.

Ausklappbare Menus mit Untermenus sind auf einem Mobilgerät genauso untauglich wie eine horizontale Anordnung von Klick- oder Eingabeelementen. Menüpunkte also untereinander anordnen und relativ auf 100% scalieren. Führt einer der Links in ein Untermenü, machst Du wieder eine Liste, vergiss aber nicht, den Zurück-Nach-Oben-Link/Button.

Letztendlich läufts auf ein Durchklicken/Durchhangeln hinaus ähnlich wie beim Norton Commander oder im rechten Fenster vom Windows-Explorer (links wäre die hierarchisch visuelle Anordnung).

Ich bezweifle, dass Du das allein mit @MediaQueries hinbekommst. Da werden ja Inhalte nur ein- oder ausgeblendet. D.h., Verschiedene Ansichten werden zum Browser übertragen, obwohl sie gar nicht alle gebraucht werden, das Transfervolumen erhöht sich unnütz und genau das ist bei mobilen Geräten eben schlecht.

Eine Lösung für dieses Problem heißt Content Negotiation: Andere Geräte, andere Inhalte.