Wie eine einfache Website zu machen, korrekt auf mehrere mobilen Browser zeigen?

Question

Wir haben eine ziemlich einfache Website (minimal JS) mit einfachen HTML und CSS. Es ist eine einfache mobile Schnittstelle für unsere Anwendung.

Wir in Schwierigkeiten laufen, weil wir mehr als eine Spalte haben und mehrere Browser scheinen einzelne Spalten zu erzwingen.

Durch einiges Suchen Ich lief in 2 Meta-Tags.

<meta name="MobileOptimized" content="220" />
<meta name="viewport" content="width=320" />

Mit diesen haben wir eine gute ‚skaliert‘ Ansicht für IE Mobile und das iPhone. Wir laufen nicht in irgendwelche Probleme mit Palm Blazer. Aber Blackberry ist eine andere Sache.

Hat das Blackberry hat einen einfachen Weg, um die Ansicht des Browsers als auch zu kontrollieren? Durch einfaches meine ich, ohne eine spezielle Seite für dieses Gerät.

Answer 1

Ich würde nicht die Mühe, eine „mittlere“ Version für das iPhone usw. machen können iPhone-Nutzer auf Ihrer echte Web-Seite aussehen nur leicht genug. Haben Sie Ihre Vollversion und eine einzige Spalte Version, und Sie werden das größte Publikum mit minimalem Aufwand erreichen.

Um Ihre Frage zu beantworten, aber es gibt keine gute Möglichkeit, die Blackberry tut etwas anderes als 1 Spalte Ansichten zu machen. Sie können es sehen ziemlich professionell lernen, wie CSS und Javascript einfach noch gelten, aber Sie werden eine Menge Ihrer horizontalen Immobilien verlieren müssen.

Answer 2

Meine Empfehlung wäre, zwei oder drei Versionen der Website zu erstellen:

• Voll geblasene Website für modernen Desktop-Browser (wenn es eine sehr schwere Anwendung)
• Site mit minimalem JS und CSS für eine guten mobilen Browser und Desktop-Browser (IPhone und SkyFire in dem Sinne kommen)
• Site ohne JS, einzelne Spalte und meist nur Klartext.

Der Grund dafür ist, dass für die Codierung 3-4 Desktop-Browser ist hart genug. Du sollst nicht töten, sich über eine weitere hundert Geräte für codieren und eine einfache Seite erstellen, die nur Informationen löscht.

Denken Sie daran, das Bauprinzip der Web-Entwicklung: Nutzer interessieren sich nicht. Sie wollen Informationen oder Funktionalität. Es wird eine ganze Menge besser für Sie aussieht, wenn Sie ein einfaches, übersichtliches Layout für schlechten mobilen Browser (IE oder Blackberry) haben dann versuchen, etwas zerhacken, die schließlich zu einem Alptraum Wartbarkeit wird und Sie möglicherweise schlecht aussehen, wenn jemand noch ein anderes Handy verwendet Browser und Sie haben nicht die telefonspezifische Website für noch geschrieben werden.

Answer 3

Blackberry (ab OS 4.6 und höher) unterstützt sowohl das Meta-Tag-Ansichtsfenster sowie die Meta-HandheldFriendly Tag. Siehe das "Content-Design-Richtlinien" Dokument unter http: //na.blackberry.com/eng/support/docs/subcategories/?userType=21&category=BlackBerry+Browser .