2010-05-11 25 views
9

¿Cuáles son los conceptos básicos para crear una página web para un dispositivo móvil? Estoy desarrollando una página simple con una tabla y varios enlaces, pero cuando la abro con mi teléfono Android es demasiado pequeña, y tengo que acercarla para verla con claridad. Normalmente, cuando accedo a una página lista para dispositivos móviles, puedo verla claramente para empezar.Conceptos básicos de las páginas HTML para dispositivos móviles

¿Cómo puedo hacer eso?

Saludos.

Respuesta

8

Puede comenzar ajustando las reglas CSS y el uso de las etiquetas meta correctas:

http://learnthemobileweb.com/2009/07/mobile-meta-tags/

http://building-iphone-apps.labs.oreilly.com/ch02.html#ch02_id35932248

que va a resolver el problema de cambio de tamaño. Para más referencias se puede leer algunos capítulos de este libro: http://building-iphone-apps.labs.oreilly.com/

que tiene por objeto el desarrollo de aplicaciones web para iPhone, pero (desde el iPhone y Android ambos utilizan navegadores webkit) puede ser muy útil para Android también.

Si usted quiere construir aplicación web rica con todas las funciones a continuación, puede echar un vistazo a PhoneGap http://www.phonegap.com/

2

Mucho depende del tamaño de su pantalla. Si no está construyendo el sitio web para que se ajuste a un tamaño de pantalla específico, (muchas veces) tendrá una resolución de navegador estándar predeterminada. Intente configurar el alto y el ancho del CSS de su elemento corporal para que sea apropiado para su teléfono Android y vuelva a cargar la página.

Una vez que tenga el tamaño correcto en mente, es como construir cualquier otro sitio web.

1

¿Ha definido el tipo de documento para XHTML Mobile?

<?xml version="1.0" encoding="utf-8"?> 
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml- mobile10.dtd"> 
+0

Hummm ... ¡Yo tampoco hice eso, gracias! – vtortola

Cuestiones relacionadas