web-dev-qa-db-fra.com

Comment désactiver les fonctionnalités de zoom dans un design réactif?

Comment désactiver les fonctionnalités de zoom avant et arrière dans les pages de conceptions réactives avec un iPad, un iPhone et/ou un autre smartphone?.

Y a-t-il un moyen de le contrôler?

18
Mo.

Créez une balise de fenêtre META et définissez la propriété user-scalable sur la valeur 'no', comme ceci:

<meta name="viewport" content="user-scalable=no" />

Réponse mise à jour: -

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
44
Adam Stanley

Cela discrimine quasiment toute personne de plus de 30 ans, supprimer le zoom les oblige simplement à porter des lunettes de lecture. Quelle peut être votre intention?.

L'une des solutions de contournement pour ces utilisateurs consiste à utiliser RDP ou VNC pour afficher un navigateur de bureau et «pincer» l'affichage de celui-ci.

La question devrait peut-être se lire "comment désactiver" ou "comment supprimer". Bien sûr, vous devriez bien discerner vos appareils en utilisant la chaîne d’agent d’utilisateur. 

0
mckenzm