Comment désactiver l'agrandissement de la page en HTML5

En HTML5, vous pouvez désactiver le zoom avant par "<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">" .

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

html5 interdit le zoom sur téléphone mobile (zoom avant et arrière)

html5 pages On constate que par défaut, les utilisateurs sont autorisés à zoomer sur la page, ou à double-cliquer sur l'écran pour zoomer ou dézoomer. Cela équivaut à définir

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

comme ceci. Si vous souhaitez désactiver le zoom, modifiez simplement les paramètres correspondants de la balise méta dans le html :

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

La fonction de cette balise méta est de rendre égale la largeur de la fenêtre d'affichage actuelle. à la largeur de l'appareil et ne permet pas à l'utilisateur de zoomer manuellement.

où échelle maximale est la valeur de zoom maximale autorisée pour l'utilisateur, évolutive par l'utilisateur indique si l'utilisateur est autorisé à zoomer, oui (par défaut) signifie autorisé, non (0) signifie non autorisé, la combinaison des deux peut empêcher la page ne soit pas agrandie (après test, même s'il manque un élément, l'effet ne sera pas obtenu)

Tutoriel recommandé : "Tutoriel vidéo html"

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!