Comment utiliser H5 pour ajouter une fonction de désactivation du zoom

Cette fois, je vais vous montrer comment utiliser H5 pour ajouter une fonction de désactivation du zoom, et quelles sont les précautions pour ajouter une fonction de désactivation du zoom à l'aide de H5. Voici un cas pratique, prenons. un regard.

Le morceau de code suivant vous présente le html5 ajoutant une fonction de désactivation du zoom. Le code spécifique est le suivant :

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />

ps : désactiver l'écran Html5. zoom de page sur les téléphones mobiles

J'ai récemment testé des pages HTML5 et constaté que par défaut, les utilisateurs sont autorisés à zoomer et dézoomer sur la page, ou à double-cliquer sur l'écran pour zoomer ou dézoomer. Cela équivaut à le paramétrer ainsi

<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />

Si vous souhaitez interdire cette situation, modifiez simplement les paramètres correspondants

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

Je crois que vous maîtrisez la méthode après avoir lu ces cas . Veuillez prêter attention aux choses plus excitantes. Autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment utiliser la distribution FileReader de H5 pour lire des fichiers et une introduction à sa méthode

Comment donner les paramètres de l'élément HTML

Comment utiliser l'attribut titre du HTML pour afficher le texte au survol de la souris

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!