Android fenêtre d'affichage de réglage “user-scalable=no” pauses largeur / niveau de zoom de la fenêtre d'affichage
Je suis en train de travailler sur une application web qui a une largeur de 640px.
Dans le document head
j'ai mis
<meta name="viewport" content = "width=640, user-scalable=no" />
de sorte que le contenu est bien affichées et étirée horizontalement.
Cela fonctionne parfaitement sur iOS, mais sur Android, le navigateur ouvre le site web de zoom de sorte que l'utilisateur a double-cliquez pour faire un zoom arrière et l'ensemble de la page.
Lorsque je change la fenêtre d'affichage réglage de quitter le user-scalable
balise comme ceci:
<meta name="viewport" content="width=640" />
Android navigateur s'adapte parfaitement à la 640px - de sorte qu'il fonctionne.
Le problème, toutefois, est maintenant, que les utilisateurs peuvent zoomer et dézoomer sur Android et iOS depuis le user-scalable
balise n'est pas définie.
Comment puis-je interdire la mise à l'échelle et dans le même temps, mettre de la fenêtre d'affichage de la largeur de 640px sur Android?
- c'est du navigateur bug. j'ai tout essayé, rien n'a fonctionné. enfin, je l'ai enlevé
user-scalable=no
seulement à partir de ce navigateur. il fonctionne très bien.
Vous devez vous connecter pour publier un commentaire.
Essayer le rendu de la fenêtre d'affichage de la balise meta comme suit:
L'échelle de réglage de paramètres permettent de définir des restrictions de l'utilisateur sur la manière dont ils peuvent zoomer, et donc, si vous définissez l'initiale et maximale pour le même montant, cela devrait résoudre le problème.
Mise à JOUR: j'ai pu corriger mon bug pour les appareils android, tous ensemble, par la définition de la ci-dessous:
J'ai aussi remarqué que certains contenus, tels que les balises p ont été ne coule pas à travers l'écran, de sorte que le hack pour ce qui serait d'ajouter la propriété background-image avec une chaîne vide de tout contenu qui est coincé et ne va pas à travers la vue de mise en page. Espérons que cela aide cette fois pour vous.
<meta name="viewport" content = "width=640, user-scalable=no" />
et<meta name="viewport" content = "width=640; user-scalable=no" />
à la fois de rendre le navigateur Android charger la page zoomée dans un premier tempsJe voulais mobile pour toujours afficher un site web de 640px de large en raison d'une conception qui briserait le contraire. (un dessin je n'ai pas fait..) Donc j'ai voulu désactiver le zoom pour les utilisateurs mobiles. Ce qui a fonctionné pour moi est la suivante:
- Mis à JOUR le 2013-10-31
Tout d'abord, il n'y a aucun moyen que vous pouvez le faire sans Javascript. Vous devrez vérifier la chaîne de l'agent utilisateur. Donc j'ai créé un mobile-viewport.js et inclus le script juste avant la balise de fermeture:
Le script vérifie si le visiteur a un android (pas de chrome ou firefox navigateur. Le navigateur android ne prend pas en charge la combinaison de l'width=640 et user-scalable=false, et le navigateur firefox a un double de la largeur de l'écran pour une raison étrange. Si le visiteur dispose d'un windows phone navigateur IE MobileOptimized est réglé.
J'ai eu la même situation, si vous souhaitez que le contenu de toujours s'adapter à la largeur de l'écran sans en permettant à l'utilisateur pour effectuer un zoom in/out, utilisez les balises meta (cela fonctionnera n'importe quelle largeur de vous donner)