Optimisation d'un design Web pour l'iPhone

Question

OK, je rencontre des problèmes avec la feuille de style mobile de mon site sur l'iPhone. J'ai retravaillé la feuille de style pour qu'elle soit similaire à celle fournie par le navigateur, mais j'ai un problème avec le navigateur Safari sur iPhone qui agrandit encore la page à partir de 960 pixels, au lieu de la contraindre à la résolution d'écran native. Ce qui donne?

Pensez-vous que cela a à voir avec ma classe .container960 sur l'élément de corps? J'ai essayé de réinitialiser ces styles avec la feuille de style mobile, mais peut-être que cela ne réinitialise pas correctement les styles de conteneur.

Le site est http://beta.cureinternational.org. Vous devrez utiliser le nom d'utilisateur Invité invité et mot de passe pour voir la page.

Answer 1

Avez-vous essayé d'ajouter un méta-tag comme celui-ci?

<meta name = "viewport" content = "width = device-width"> 

ou coder en dur dans les dimensions vous (voir fenêtre dans http://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html)