Le principal problème est que si l'utilisateur clique en dehors de la zone de zoom, le zoom sera verrouillé et il ne pourra pas effectuer de zoom avant ou arrière.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
La fenêtre d'affichage est la zone visible par l'utilisateur d'une page Web. Il varie selon l'appareil et sera plus petit sur un téléphone portable que sur un écran d'ordinateur.
La partie width=device-width définit la largeur de la fenêtre pour suivre la largeur de l'appareil (qui varie en fonction de l'appareil).
La partie initial-scale=1.0 définit le niveau de zoom initial lorsque la page est chargée pour la première fois par le navigateur.
La partie maximum-scale=1.0 définit le degré de zoom sur la page auquel l'utilisateur est autorisé. Une valeur de 1.0 signifie qu'aucun zoom n'est autorisé.
La partie user-scalable=no désactive tout zoom qui pourrait être disponible par défaut sur certains appareils (comme le double-clic pour zoomer).
Comment désactiver le zoom sur une page Web mobile
Pour désactiver le zoom sur une page Web mobile en HTML, utilisez le code suivant :
Ainsi, la page s'adaptera à la largeur de l'appareil sur lequel elle est visualisée.
Zoom désactivé
Pour effectuer un zoom arrière en HTML, utilisez la propriété zoom. Par example:
zoom : 1 ;
Désactiver la mise à l'échelle HTML
La mise à l'échelle HTML est une fonctionnalité de HTML qui permet aux navigateurs Web d'agrandir ou de réduire la taille du texte et des images pour les rendre plus lisibles sur des écrans plus petits ou plus grands. Cette fonctionnalité peut être désactivée dans la plupart des navigateurs en définissant la propriété html-scaling sur « none ».
