Optimieren einer Webseite für Palm Pre

Question

Ich bin dabei, eine Supportseite für meine Voranwendung zu erstellen.

Ich habe ein Problem, wo der Inhalt auf der Seite sehr klein ist, also muss der Benutzer manuell vergrößern, um es zu lesen.

Ich habe die Seite so gemacht, dass es nichts sehr weites oder hohes gibt, aber aus irgendeinem Grund ist alles sehr "herausgezoomt", wenn man zuerst auf dem Pre navigiert.

Ich habe festgestellt, dass Websites wie Wikipedia haben Versionen, die perfekt für die Pre optimiert sind. Wie kann ich meine Seiten so starten lassen, wie Wikipedia es tut?

Update:

Die extremely simple page, die ich zur Zeit mit dem Testen bin.

Auf der obigen Seite habe ich versucht, die Breite für jedes Element auf 310px und 100% einzustellen, das Ergebnis ist immer das gleiche.

Ich denke, ich kann dies erreichen, indem Sie alles eine statische Breite geben und dann alles eine sehr große Schriftgröße verwenden. Ich vermute nur, dass es einen "besseren Weg" gibt, dh eine Möglichkeit, den Vor-Browser wissen zu lassen, dass er nicht auf die Größe einer "normalen" Webseite hinauszoomen muss (es scheint, dass der Standard-Zoom ist) ist ungefähr 1024px breit, obwohl das tatsächliche rez 320px ist).

Answer 1

Ich fand den richtigen Weg, dies auf den WebOSDev Foren zu tun.

Folgendes ist in der Kopfzeile sein sollte:

<meta name="viewport" content="width=device-width"/> 
<meta name="viewport" content="initial-scale = 1.0"/> 

Dies hat den Vorteil, dass, wenn der Benutzer das Gerät in Landscape-Modus schaltet, alles skaliert entsprechend, ohne Styling Gymnastik.

Answer 2

Eine URL einer Problemseite zu posten wäre hier eine große Hilfe.

Im Allgemeinen, um auf Smartphones schön zu zeigen, muss das Design der Seite "flüssig" sein (100% der Breite in Prozent - nicht in Pixel angegeben), um den meisten Platz in unterschiedlichen Bildschirmauflösungen zu verwenden. Die minimale Breite, die vom Design unterstützt wird, sollte etwa 300 Pixel betragen, um ohne Zoom auf 320x480 Bildschirmen zu passen.