Quelles sont les bases de la création d'une page Web pour un appareil mobile? Je développe une page simple avec une table et plusieurs liens, mais quand je l'ouvre avec mon téléphone Android, c'est trop petit, et je dois zoomer pour le voir clairement. Normalement, lorsque j'accède à une page prête pour les appareils mobiles, je peux le voir assez clairement pour commencer.Bases des pages HTML pour mobile
Comment puis-je faire cela?
Cheers.
Vous pouvez commencer par régler vos règles CSS et en utilisant les balises meta droite:
http://learnthemobileweb.com/2009/07/mobile-meta-tags/
http://building-iphone-apps.labs.oreilly.com/ch02.html#ch02_id35932248
qui va résoudre le problème de redimensionnement. Pour d'autres références, vous pouvez lire quelques chapitres de ce livre: http://building-iphone-apps.labs.oreilly.com/
qui vise à développer webapps pour iPhone, mais (depuis l'iPhone et Android utilisent tous les deux navigateurs WebKit) peuvent être très utiles pour Android aussi.
Si vous voulez construire l'application Web riche en fonctionnalités, vous pouvez jeter un oeil à PhoneGap http://www.phonegap.com/
Beaucoup dépend de la taille de votre écran. Si vous ne construisez pas le site Web en fonction d'une taille d'écran spécifique, il sera (par intermittence) défini par défaut sur une résolution de navigateur standard. Essayez de définir la hauteur et la largeur CSS de votre élément de corps sur quelque chose de approprié pour votre téléphone Android et de recharger la page. Une fois que vous avez la bonne taille en tête, c'est comme construire un autre site Web.
Avez-vous mis votre doctype 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">
Hummm ... Je n'ai pas fait ça non plus, merci! – vtortola