communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Tutoriel H5 > 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

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

WBOY
Libérer： 2016-05-16 15:47:48
original
2894 Les gens l'ont consulté

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

Étiquettes associées：
阻止双击放大
source：php.cn
Article précédent：HTML5 réalise des effets spéciaux de gouttes de pluie cristallins_html5 compétences didactiques Article suivant：Comment l'attribut d'espace réservé d'entrée HTML 5 peut parfaitement servir de compétences de didacticiel ie_html5
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2184
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2331
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1961
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1845
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1897
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal