Comment puis-je la force d'un site à l'échelle de fixer pour mobile (Iphone, android..)
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">
- J'ai été en utilisant iphonetester.com pour tester...
- Au lieu de "faire en sorte que l'utilisateur aurait à zoomer pour lire le texte" voulez-vous dire par "faire en sorte que l'utilisateur n'aurait PAS à zoomer pour lire le texte"?
- nope. Je veux(ed) le rendu de la page sur le téléphone entièrement de zoom, de sorte que son plein 1024px de largeur serait à l'écran sans défilement. Ce site n'a PAS été conçu pour être sensible ou autrement intelligent. Pas l'idéal peut-être, mais cela rend le site un aspect attrayant sur un téléphone, avec tous les composants majeurs en vue. Les utilisateurs sont très bon zoom, donc je les laisse.
InformationsquelleAutor Zach Lysobey | 2011-11-16
Vous devez vous connecter pour publier un commentaire.
À l'aide de la doc ici: https://developer.apple.com/library/content/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 maintenant.
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.
essayez d'utiliser différents css et les switch (côté serveur), basé sur les paramètres du client. Par exemple, l'iPhone d'identité lui-même comme:
En fonction de ce langage de script est disponible sur le côté serveur, vous pouvez modifier le css.
Ici en est un exemple.
De la fenêtre d'affichage de la balise de contrôle quelle partie de la page va être montré au début, mais la page elle-même doit toujours être conçu pour un 320x460 taille de l'écran pour être affichés sur l'iPhone sans zoom. Si vous ne voulez pas modifier la structure de la page, fenêtre d'affichage vous donne le contrôle sur la façon dont la page est afchée.
<meta name="viewport" content="width=1024, initial-scale=1">
mais cela ne semble pas pour effet rien non plus.Se débarrasser de la
width=1024
, il suffit de mettre dansEt, de vider votre téléphone cache du navigateur. Peut même désactiver l' & arrière par la suite.
.0
fait quelque chose....<meta name="viewport" content="width=device-width, initial-scale=1.0">