Adapter la page à l'écran de l'iphone

Bonsoir,

Je souhaite que l'orsque on navigue sur mon site à partir d'un mobile, que la taille de la page s'adapte à l'écran.

En gros, j'ai un zoom que je souhaite enlever...

mon site : www.neo-dis.com

Salut,

Tâche de comprendre le viewport et d'acquérir quelques bases pour une feuille de style adaptée aux mobiles (et pas seulement à l'iPhone) ; autrement dit, tu verras que le responsive Web design, c'est épatant.

Bonne lecture.

merci pour le lien,

Sur quel fichier dois-je agir sur mon site pour réduire sa taille lors d'un affichage sur mobile?

As-tu lu les liens que Victor t'as donnés ?

Tu dois ajouter des media queries à ta stylesheet (ton fichier CSS).

oui c'est ce que j'ai vu cependant ma question c'est sur quel fichier css apporter ces modifs?

Je sais pas moi, vu la tête de ton HTML, je ne peux même pas voir ce que tu as comme fichiers CSS.

De toute façon, peu importe, tu mets tes Media Queries dans un des fichiers CSS, du moment qu'il est lu, c'est bon ...

c'est bon j'ai trouvé le fichier.. layout.css

Bien ! Maintenant tu n'as plus qu'à te mettre à coder les MQ

Si tu veux, tu peux utiliser ces outils pour t'aider lors de la partie RWD :

http://bradfrost.github.com/this-is-responsive/resources.html#viewport-testing

oui c'est bon c'est dans mon layout.css que je dois faire la modif.

Connaissez vous un site ou je peux simuler l'affichage smartphone? avec si possible un debogeur comme firebug?

En gros, je ne veux pas faire des mofis et aller à chaque fois vérifier sur mon portable.

De plus ça me permettra de simuler différents navigateur...

une idée?

Il existe des émulateurs Androïd et Opera Mobile.

L'émulateur Androïd est fourni dans le SDK. L'émulateur Opera Mobile et téléchargeable ici.
Modifié par jb_gfx (13 Nov 2012 - 00:24)