Versión móvil de mi sitio web, ¿qué ancho de diseño es óptimo?

Question

Voy a crear la versión móvil del sitio web ...

¿Qué ancho debo elegir para el diseño? Sé que cada dispositivo tiene su propio ancho de pantalla y es realmente difícil de encajar en todos los dispositivos ...

Estoy realmente confundido (bastante nuevo en el mundo de sitios web para móviles), por favor ayuda.

Gracias.

Answer 1

Su enfoque dependerá de la cantidad de esfuerzo que desee (o pueda) poner en este y en el rango de usuarios móviles que desea orientar. Para un esfuerzo mínimo, simplemente use 100% como indica KennyTM y espere que su sitio web sea examinado en anchos de pantalla de 128px a 480px. Con este enfoque, también deberá evitar las directivas xhtml 'avanzadas' como css y divs (y javascript) porque la mayoría de los navegadores móviles no pueden manejar algunos aspectos de estos. Planea usar tablas para administrar el diseño.

Para un enfoque más avanzado, puede utilizar un proyecto de código abierto llamado WURFL (http://wurfl.sourceforge.net/) que es una base de datos de navegadores móviles y sus capacidades (ancho de pantalla, soporte para div, css, imágenes, etc.). Tiene una biblioteca de etiquetas jsp llamada WNG donde se escribe una vez y la etiqueta lib renderizará el html más apropiado para que coincida con el dispositivo del usuario. Creo que también hay una biblioteca PHP para esto.

Rgds, Kevin.

Answer 2

Para este tipo de pregunta, le recomiendo leer el MobiForge developers' guide. Aquí hay muchos consejos útiles, que incluyen cómo elegir los compromisos que inevitablemente resultan del desarrollo móvil.