Qu’est-ce que l’atsortingbut d’échelle initiale, d’évolutivité, d’échelle minimale et d’échelle maximale dans la balise meta?

Je parcourais le code source d’un site Web et j’ai trouvé ce morceau de code.

 

Je veux savoir quelle est cette échelle initiale, évolutive pour l’utilisateur, à l’échelle minimale, à grande échelle et que signifient ces valeurs? Et dites-moi aussi quelles sont les valeurs qu’ils acceptent.

Ce sont des balises meta de type viewport et s’appliquent le plus aux navigateurs mobiles.

width = device-width

Cela signifie que nous disons au navigateur «mon site Web s’adapte à la largeur de votre appareil».

échelle initiale

Cela définit l’échelle du site Web. Ce paramètre définit le niveau de zoom initial, ce qui signifie que 1 pixel CSS est égal à 1 pixel de la fenêtre . Ce paramètre est utile lorsque vous modifiez l’orientation ou empêchez le zoom par défaut. Sans ce paramètre, le site réactif ne fonctionnera pas.

échelle maximale

L’échelle maximale définit le zoom maximum. Lorsque vous accédez au site Web, la priorité maximum-scale=1 est l’ maximum-scale=1 et l’utilisateur ne peut pas zoomer.

échelle minimum

L’échelle minimale définit le zoom minimum. Cela fonctionne de la même manière que ci-dessus, mais définit l’échelle minimum. Ceci est utile lorsque l’ maximum-scale est grande et que vous souhaitez définir l’ minimum-scale .

évolutif pour l’utilisateur

Evolutif pour l’utilisateur, assigné à 1.0 signifie que le site Web permet à l’utilisateur de zoomer ou de zoomer.

Mais si vous l’affectez à user-scalable=no par l’ user-scalable=no , cela signifie que le site Web ne permet pas à l’utilisateur de zoomer ou d’effectuer un zoom arrière.

évolutif pour l’utilisateur:

user-scalable = yes (par défaut) pour permettre à l’utilisateur d’effectuer un zoom avant ou arrière sur la page Web;

user-scalable = no pour empêcher l’utilisateur d’effectuer un zoom avant ou arrière.

Vous pouvez obtenir plus de détails en lisant les articles suivants, en espérant que cela vous sera utile!

http://www.html-5.com/metatags/meta-viewport.html

https://css-sortingcks.com/snippets/html/responsive-meta-tag/

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#Atsortingbutes entrer la description de l'image ici

Code de démonstration (recommandé)

         

do not using user-scalable=no

balise meta de viewport sur le navigateur mobile,

La propriété initial-scale contrôle le niveau de zoom lors du premier chargement de la page. Les propriétés d’ échelle maximale , d’ échelle minimale et d’évolutivité utilisateur contrôlent la manière dont les utilisateurs sont autorisés à effectuer un zoom avant ou arrière sur la page.

C’est pour contrôler l’aspect des téléphones mobiles et des tablettes. Vous trouverez plus d’informations ici: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

Les suivis sont les atsortingbuts de balise de métadonnées de la fenêtre d’affichage

Largeur: La largeur de la fenêtre virtuelle du périphérique. Device-width: La largeur physique de l’écran du périphérique. Height: la hauteur de la “fenêtre virtuelle” du périphérique. Device-height: Hauteur physique de l’écran de l’appareil. Echelle initiale: Le zoom initial lors de la visite de la page. 1.0 ne fait pas de zoom Echelle minimale: Le montant minimum que le visiteur peut zoomer sur la page. 1.0 ne fait pas de zoom Echelle maximale: Le montant maximum que le visiteur peut zoomer sur la page. 1.0 ne fait pas de zoom scalable par l’utilisateur: Permet à l’appareil de zoomer et dézoomer. Les valeurs sont oui ou non.

Cette balise META est utilisée par toutes les pages Web réactives, c’est-à-dire celles qui sont conçues pour être bien réparties entre les types d’appareils – téléphone, tablette et ordinateur de bureau. Les atsortingbuts font ce qu’ils disent. Toutefois, comme l’indique la balise META Viewport de MDN pour contrôler la mise en page sur les navigateurs mobiles ,

Sur les écrans haute résolution, les pages avec initial-scale=1 seront effectivement zoomées par les navigateurs.

J’ai constaté que ce qui suit garantit que la page s’affiche avec un zoom nul par défaut.