[Résolu] Pourquoi le rendu est-il différent selon les supports?

Bonjour,

J'ai développé un layout pour petits supports (moins de 440px de large).
Je l'ai adapté en fonction de l'outil de développement intégré au navigateur (Shift + Ctrl + M sous Firefox).

Quand je visionne le site avec 320px de large sur mon écran de PC, ça n'a rien à voir avec ce que ça donne sur mon smartphone.

Je ne sais donc pas comment faire pour créer le layout de manière à ce qu'il corresponde réellement au rendu sur smartphone...

Est-ce que vous pouvez me donner des explications et pistes, svp?

Merci d'avance !

Bonsoir,

Le rendu d'un mobile ou d'une tablette nécessite de prendre en compte des paramètres qu'un écran de bureau ne reconnaît pas (ou différemment), par exemple :
- la notion de viewport (et de l'élément HTML meta viewport)
- la notion de device-width
- la notion de pixel-ratio et de densité de pixels

Bref, c'est assez complexe.

Tu as un article explicatif ici : http://www.alsacreations.com/article/lire/1490-comprendre-le-viewport-dans-le-web-mobile.html

Bon week-end

Merci Raphaël
Je vais aller lire l'article.