Oneiric

Salut,

Aujourd’hui une petite note technique, car c’est aussi pour ce genre de choses que j’ai relancé mon blog ; je crois avoir un peu plus de choses à dire qu’à l’époque où je connaissais rien à la programmation (j’en connais un peu plus maintenant, même si je suis loin d’être un professionnel…).

Alors, c’est simple : pour mon stage je réalise en ce moment un site Web version iPhone. C’est très bien, mais c’est parfois assez difficile à dimensionner.

Par défaut, une page web s’exécute sur l’iPhone avec une largeur de 980 pixels – autant dire que c’est complètement fantaisiste par rapport à la largeur native de l’iPhone (320 pixels si on est en mode “portrait”, 480 si on est en mode “paysage”).

Comment donc faire, pour bien dimensionner son site iPhone : la réponse, vous la trouverez un peu partout, c’est de réaliser des classes CSS avec un attribut : on pourra trouver un exemple ainsi que d’autres petites infos là par exemple.

Le problème que j’ai rencontré n’est pas vraiment détaillé dans cette page web, je vais donc vous le faire très facilement : ma volonté, c’était que mon texte, ainsi que les autres éléments de ma page (images, etc.), aient exactement le même aspect que ce soit en mode paysage ou portrait.

(continue reading…)