Bonjour à tous.
Je dois développer une page visible sur téléphone mobile.
La page est tout à fait simple, en gros il s'agit d'un agenda avec une liste d'événements.
Je cherche à faire un affichage multimobile, mais j'aimerais ne pas avoir à faire des centaines de CSS pour ce faire.
Cependant, je remarque très rapidement que les mobiles ne traitent pas ma page "correctement", dans le sens où les tableaux s'affichent comme ils s'afficheraient sur un navigateur de PC donc on voit tout très petit, sans pour autant que j'ai spécifié de taille quelconque pour aucun de mes éléments qui pourrait bloquer la page (pas de font-size, de width en px, rien de ce genre)
Je suis obligé de spécifier des tailles de police démentes pour que mon site ressemble à quelque chose sur un iphone par exemple.
Quand je vais sur un site comme touch.facebook.com il s'affiche tout à fait correctement sur un desktop (et ce même si je précise un user agent de type iphone), et je vois que tout "reste" par défaut. Comment font il pour que ça fonctionne sans problème?
C'est probablement une question naïve mais bon, là j'avoue que je ne comprends pas comment fonctionne les webkit pour rendre une page...
Partager