Maison >interface Web >tutoriel HTML >Comment désactiver le zoom de page en HTML

Comment désactiver le zoom de page en HTML

青灯夜游
青灯夜游original
2021-05-05 09:33:4421969parcourir

En HTML, vous pouvez utiliser la balise méta pour interdire la mise à l'échelle des pages. Il vous suffit de définir la valeur de l'attribut "maximum-scale" dans la balise méta sur "1.0" et la valeur de "utilisateur". -scalable" attribut à "0" "C'est tout.

Comment désactiver le zoom de page en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Par défaut, les pages HTML5 permettent aux utilisateurs de zoomer et dézoomer sur la page, ou de double-cliquer sur l'écran pour zoomer ou dézoomer.

Le paramètre par défaut est :

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

Si vous souhaitez désactiver le zoom, vous pouvez le modifier avec le paramètre suivant :

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

Tutoriel recommandé : "vidéo html tutoriel"

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!

Déclaration:
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