¿Cómo hacer que un sitio simple se muestre correctamente en múltiples navegadores móviles?

Question

Tenemos un sitio bastante simple (JS mínimo) con HTML y CSS simples.Es una interfaz móvil sencilla para nuestra aplicación principal.

Estamos teniendo problemas porque tenemos más de una columna y varios navegadores parecen forzar columnas únicas.

Al realizar algunas búsquedas, encontré 2 metaetiquetas.

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

Con estos tenemos una buena vista 'escalada' para IE Mobile y iPhone.No hemos tenido ningún problema con el Blazer de Palm.Pero Blackberry es otra cuestión.

¿Blackberry también tiene una forma sencilla de controlar la vista del navegador?Por simple me refiero sin hacer una página especial para ese dispositivo.

Answer 1

No me molestaría en crear una versión "mediana" para iPhone, etc., los usuarios de iPhone pueden simplemente mirar su página web real con bastante facilidad.Tenga su versión completa y una versión de una sola columna y llegará a la mayor audiencia con un trabajo mínimo.

Sin embargo, para responder a su pregunta, no existe una buena manera de hacer que Blackberry haga algo más que vistas de 1 columna.Puedes hacer que parezca bastante profesional, ya que CSS y JavaScript simple aún se aplican, pero tendrás que perder gran parte de tu espacio horizontal.

Answer 2

Mi recomendación sería crear dos o tres versiones del sitio:

• Sitio completo para navegadores de escritorio modernos (si es una aplicación muy pesada)
• Sitio con JS y CSS mínimos para buenos navegadores móviles y de escritorio (me vienen a la mente iPhone y SkyFire)
• Sitio sin JS, una sola columna y principalmente texto sin formato.

La razón es que codificar para 3 o 4 navegadores de escritorio ya es bastante difícil.No se mate con otros cien dispositivos para codificar y crear una página simple que simplemente publique información.

Recuerde el principio de diseño básico del desarrollo web:A los usuarios no les importa.Quieren información o funcionalidad.Se verá mucho mejor para usted si tuviera un diseño simple y claro para malos navegadores móviles (IE o Blackberry), luego intente modificar algo que eventualmente se convierta en una pesadilla de mantenimiento y potencialmente lo haga quedar mal si alguien usa otro dispositivo móvil. navegador y todavía no has escrito el sitio específico del teléfono.

Answer 3

BlackBerry (desde OS 4.6 y superior) admite tanto la etiqueta meta-viewport como la etiqueta meta-HandheldFriendly.Consulte el documento "Pautas de diseño de contenido" en http://na.blackberry.com/eng/support/docs/subcategories/?userType=21&category=BlackBerry+Browser para detalles.