Tenemos un sitio bastante simple (mínimo JS) con html simple y CSS. Es una interfaz móvil simple para nuestra aplicación principal.¿Cómo hacer que un sitio simple se represente correctamente en múltiples navegadores móviles?
Estamos teniendo problemas porque tenemos más de una columna y varios navegadores parecen forzar columnas individuales.
A través de algunas búsquedas encontré 2 metaetiquetas.
<meta name="MobileOptimized" content="220" />
<meta name="viewport" content="width=320" />
Con estos tenemos una buena vista a escala para IE Mobile y el iPhone. No hemos tenido ningún problema con Blazer de Palm. Pero Blackberry es otro asunto.
¿El Blackberry también tiene una forma simple de controlar la vista del navegador? Por simple quiero decir sin hacer una página especial para ese dispositivo.
Estoy de acuerdo con el punto de iPhone, especialmente si estás haciendo detección de navegadores: me molestan sitios como MSNBC.com que me muestran una versión castrada del sitio cuando mi iPhone podría mostrar fácilmente la versión completa. – ceejayoz
Correcto, pero al mismo tiempo no querría tener un sitio que consuma cantidades masivas de memoria en un dispositivo que podría tener un total tan bajo como 32 MB. Además: esta versión "mínima" podría servir como la versión para usuarios sin javascript ni navegadores más antiguos. – nlaq