iOS / navigateur safari mobile encore des zooms tandis que la fenêtre d'affichage est réglé sur user-scalable=no ? Vérifiez les paramètres d'Accessibilité de!

Ce Mobile Safari (apparemment impossible et pourtant sans-papiers) problème m'a permis de passer pour un long temps aujourd'hui, et j'étais sur le point de poster une question à ce sujet ici quand j'ai pensé à elle.

Le problème: Alors que j'avais mis <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;"/> mon iPad web app encore autorisés à zoom manuel (pincement dans le navigateur). -- Mais seulement sur mon iPad, pas sur mon iPhone.

Aussi je voudrais faire pivoter l'appareil entre mode portrait au mode paysage pour vérifier l'orientation spécifique en mode code CSS, qui a donné des résultats étranges:

  • Rotation de Paysage à Portrait, il n'y a pas de problème, la taille et le placement de tout type de sens.
  • Après cela, la rotation du Portrait de retour vers le Paysage et la.. la fenêtre d'affichage est resté aussi large que c'était en mode Portrait, c'est à dire. il a été agrandie (à l'échelle) dans. J'avais manuellement le zoom avant de revenir à l'intégralité de l'image /fenêtre d'affichage. Ce qui devrait être impossible.
  • Il y a deux paramètres de prévenir l'utilisateur de zoomer mais quels sont les avantages? Je ne vois que des inconvénients.
InformationsquelleAutor eelkedev | 2011-01-24
  1. 14

    J'ai ensuite trouvé le grand iPad de Mise en page CSS avec Paysage/Portrait Modes démo. Il avait l'air prometteur, mais m'a donné le problème identique. Pourtant, alors que le test de ce sur un deuxième iPad, il a travaillé parfait: pas de zoom de problème que ce soit. Donc, nous avons compris qu'il avait à faire avec mon iPad.

    Puis ça m'a frappé: il y a des Semaines que je jouait avec les paramètres d'accessibilité. Zoom sur l'ensemble de l'interface comme vous pouvez le faire dans OSX (ctrl+touche de défilement) etc. Peut-être que c'était lié au Mobile Safari, d'une certaine façon? Eh bien, il s'avère qu'il est.

    J'ai appris aujourd'hui: Quand Accessibilité > Zoom est activée, cela annule la meta viewport paramètres.

    L'essayer vous-même? Vous le trouverez ici: Settings > General > Accessibility > Zoom

    • Merci pour cette! Une grande aide 🙂
    • C'est génial! Enfin un moyen de traiter avec ces vilains sites internet me forçant à lire leur texte minuscule.
    InformationsquelleAutor eelkedev
  2. 8

    Comme quelqu'un avec des problèmes de vision je suis fortement tributaire de pouvoir zoomer sites mobiles. Maintenant avec la mise à jour d'iOS 5, il n'y a aucun moyen d'en obtenir iOS d'ignorer l'utilisateur évolutive réglage plus et je découvre soudain que je ne peux pas utiliser la moitié des sites que j'utilise régulièrement de plus, parce que je ne peux pas effectuer un zoom.

    Donc, au nom des personnes ayant des problèmes de vision, je vous prie de ne pas utiliser la fenêtre d'affichage des balises meta à restreindre la capacité des peuples à un zoom sur votre site!

    • Je suis malvoyante, et trouver cela ennuyeux (en particulier sur les recherches Google), mais vous pouvez toujours utiliser le iOS zoom (double, trois doigts), il n'est pas aussi facile que de simplement être en mesure de pincement, mais fait le travail sans l'irriter les développeurs et, dans beaucoup de cas gâcher l'expérience.
    • Je dirais que le UX est ruiné pour les personnes avec un mauvais vision par ne pas être en mesure de zoom. Panoramique autour lors de l'utilisation de l'iOS mode zoom est beaucoup plus difficile que de panoramique autour d'un zoom de la page web. Et comme pour Android, qui n'a même pas de fournir une niveau de l'OS, de zoom, de sorte que vous êtes coincé. Et autant en tant qu'irritant développeurs, c'est leur travail pour obtenir le UX bon pour tout le monde, pas seulement des gens avec une vision 20/20. Dans certains endroits, pas de restauration pour les déficients visuels est en fait illégale en violation de la législation antidiscriminatoire.
    • Je suis totalement d'accord, mais android a plus de problèmes alors navigateur web quand il s'agit de l'accessibilité, j'ai eu envie d'un téléphone android depuis qu'ils ont sorti la première fois, mais ne peuvent tout simplement pas lire les messages texte, etc! des entreprises comme Google devrait vraiment connaître mieux. Et dire qu'il bousille UX est juste une excuse, et ne devrait pas être le cas, mais beaucoup dans les applications web mobiles sont conçus pour la taille de l'écran, et il peut souvent être mieux UX de inslute une fonctionnalité pour seulement mettre à l'échelle le texte plutôt que de gâcher la charpente (par exemple, l'application GMail utilisés pour vraiment gâcher quand vous pourriez zoom, le CSS n'avait aucune idée de ce qui se passait!)
    • L'accessibilité est importante et tout ça, mais cette "réponse" doit être un commentaire.
    InformationsquelleAutor GordonM
  3. 4

    Juste une petite mise à jour pour vous: ce qui a été fixe par Apple. Comme de l'iOS 5 bêta 1, le Zoom de l'accessibilité paramètre ne provoque plus la viewport balise meta pour être ignoré.

    • C'est une excellente nouvelle de Matt, merci pour le partage.
    • Et maintenant je ne peux plus utiliser toute la page mobile qui bloque le zoom à cause de cette "solution". Merci de ne pas désactiver le zoom sur les sites mobiles!
    InformationsquelleAutor Matthew Caruana Galizia
  4. 0

    Remarque: utilisez des virgules comme séparateurs, pas des points-virgules. Le propre sont des virgules comme séparateurs. Voir la page de documentation http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html, ils utilisent une virgule de trop. Et au moins, Chrome montre des erreurs dans la console si vous utilisez des points-virgules. Je sais que cela n'affecte pas l'iPad ou safari, mais si vous pouvez le faire nettoyer, pourquoi pas? 🙂

    InformationsquelleAutor Александр Фишер