Comment empêcher le navigateur d'un appareil mobile (téléphone mobile, tablette) de double-cliquer pour agrandir une page Web_html5 compétences du didacticiel

De nos jours, les navigateurs des appareils mobiles tels que les téléphones mobiles ou les tablettes disposent d'un paramètre de double-clic pour agrandir par défaut. Comment puis-je empêcher le double-clic pour zoomer ?

La méta de la fenêtre d'affichage est fournie sur la page Mobile, et peut être utilisée pour définir le zoom. Mais avant d'utiliser la fenêtre d'affichage, vous devez modifier le type de document de la page en type Mobile. La DTD de page habituelle est une déclaration XHTML ou simple HTML5. Les appareils mobiles doivent utiliser la déclaration suivante.

Copier le code

Le code est le suivant :

Après avoir défini la DTD, vous pouvez utiliser la fenêtre pour désactiver le zoom de la page. Il est courant de définir l'évolutivité utilisateur sur 0 pour désactiver la mise à l'échelle utilisateur de la vue de la page.

Copier le code

Le code est le suivant :

Mais pour une meilleure compatibilité, nous utiliserons le paramètre de fenêtre d'affichage complet.

Copier le code

Le code est le suivant :

Si vous avez besoin d'informations plus détaillées sur la fenêtre d'affichage, veuillez vous référer à MDN

https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

Il semble que la DTD ne puisse être déclarée qu'en HTML5, et la balise viewport est ajoutée en dessous