Hallo alle zusammen,
im Zeitalter der mobilen Kommunikation wollte auch ich jetzt einen Schritt nach vorne treten und habe mir eine mobile Webseite erstellt. Sie ist einfach und schön untereinander gegliedert. Breite 250px und nach unten hin variabel.
Auf den gängisten Mobiltelefonen (IPhone, Samsung und Blackberry) wird die Seite an sich tadellos dargestellt. Weitere Handies habe ich noch nicht ausprobiert.
Jedoch gibt es beim IPhone ein kleines Problem:
Die Seite wird beim Aufrufen irgendwie klein ins Eck gequetscht. Nur mit einem doppel-Zeig auf diese mobile Webseite wird sie schön im IPhone angepasst. Jedoch ist es total nervig, immer doppelt draufzutippen.
Was habe ich bereits getan um dieses Problem zu beseitigen. Ich habe im Apple-Dev-Center die Information erhalten, dass das Meta-Tag "Viewport" dafür zuständig ist um die Seite im IPhone groß darzustellen.
<meta name="viewport" id="viewport" content="width=320;initial-scale=1.0;maximum-scale=1.0;user-scalable=0;">
Gemacht getan, geht immer noch nicht.
Also habe ich folgendes gemacht: Ich habe ein HTML-Document erstellt und einfach direkt auf den Server geladen: Es sieht so aus:
<html>
<head>
Hallo
</head>
</html>
So wird es im IPhone sehr ordentlich dargestellt. Nun habe ich diese Index.htm in mein Typo3-System eingebunden (nur indem ich ###BODY### hinzugefügt habe)und siehe da ... Es geht nicht mehr. Es wird wieder ganz klein in die linke, obere Ecke gequetscht.
Das Problem scheint hier also von Typo3 aus zu gehen.
Weiß jemand, was ich tun muss, um dieses Problem loszuwerden?
Danke
Schöne Grüße