Comment désactiver le zoom en CSS

Comment désactiver la mise à l'échelle en CSS : ouvrez d'abord le fichier de code frontal correspondant ; puis ajoutez les deux attributs "maximum-scale=1.0, user-scalable=0" à la balise méta pour désactiver la mise à l'échelle de la page.

L'environnement d'exploitation de cet article : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Comment configurer CSS pour ne pas autoriser la mise à l'échelle des pages ?

Comment configurer CSS pour ne pas autoriser la mise à l'échelle des pages ? Désactiver le zoom des pages ?

En fait, ajoutez simplement les deux attributs suivants à la balise méta :

maximum-scale=1.0, user-scalable=0

Parmi eux, maximum-scale : la valeur de zoom maximale autorisée par l'utilisateur : évolutive par l'utilisateur ; est autorisé à zoomer, l'attribut par défaut est oui ou 1 pour autoriser, et il doit être défini sur non ou 0 s'il n'est pas autorisé

Enfin, les paramètres réels sont les suivants :

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

 ;

En cela, il y a principalement ces attributs :

largeur - la largeur de la fenêtre

hauteur - la hauteur de la fenêtre

échelle initiale - l'échelle initiale taux de zoom

échelle minimale - la quantité à laquelle l'utilisateur est autorisé à zoomer à l'échelle minimale

échelle maximale - l'échelle maximale à laquelle l'utilisateur est autorisé à zoomer

utilisateur -évolutif - si l'utilisateur peut zoomer manuellement

【 Apprentissage recommandé : tutoriel vidéo CSS]

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!