Page Web sur mobile

[Linio]

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...

[LhIaScZkTer]

Salut Linio,

Pour un affichage mobile tu peux spécifier une feuille de style pour appareil mobile :

Code :

1
2
< link rel="stylesheet" href="style.css" type="text/css" media="handheld" / >

Tu peux aussi jouer avec le mediaquery pour donner une mise en page en fonction de la résolution.

Ce qu'il y a de bien sur l'Iphone c'est qu'il gère assez bien le html5 et les CSS3. Sur mon smartphone j'ai opera mini qui lui est très limité gestion CSS, mais j'arrive à avoir de bonnes interfaces.

Bonne journée.