Comment puis-je forcer un site à évoluer pour le réparer pour mobile (Iphone android ..)

Question

Quand je charge mon site dans un iphone, il n'est pas l'échelle vers le bas. Tout ce que je vois est en haut à gauche de quelques centaines de sqare pixels. Je suis nouveau sur le mobile de l'optimisation, mais je me sens comme la plupart des pages de défilement pour ajuster automatiquement, et la plupart des questions semblent être pour le scénario inverse que je vais avoir (force de téléphone pas à l'échelle vers le bas).

Je souhaite que l'ensemble de la largeur de la page pour être visible et de faire en sorte que l'utilisateur aurait à zoomer pour lire le texte.

J'ai essayé avec et sans le code suivant dans la tête, mais sans effet apparent.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--  I Also tried: -->
<meta name="viewport" content="width=1024, initial-scale=1">   

Answer 1

À l'aide de la doc ici: http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html

Il m'a semblé que vous devez ignorer la plupart de la fenêtre propriétés et set user-scalable "oui". Cela fonctionne sur mon iphone.

<meta name="viewport" content="user-scalable = yes">

Edit:: le mobile Le testeur du site ne permet pas de mise à l'échelle, de sorte qu'il donne juste les barres de défilement. Avec un véritable téléphone cela fonctionne.

Answer 2

essayez d'utiliser différents css et de les changer (côté serveur) en fonction des paramètres du client. Par exemple, l'iPhone s'identifiera comme:

  HTTP_USER_AGENT=Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) 
 AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C25 Safari/419.3
 

Selon le langage de script dont vous disposez sur le côté serveur, vous pouvez modifier le CSS.

Voici un exemple.

Answer 3

La balise viewport contrôle la partie de la page qui sera affichée initialement, mais la page elle-même doit toujours être conçue pour une taille d'écran 320x460 à afficher sur l'iPhone sans zoom. Si vous ne souhaitez pas modifier la structure de la page, la fenêtre d'affichage vous permet de contrôler la façon dont la page est initialement affichée.