Le descripteur zoom, utilisé au sein de la règle @ @viewport, permet de définir le niveau de zoom initial d'un document.

Un niveau de zoom égal à 1.0 ou 100% n'appliquera aucun zoom. Les valeurs supérieures zoomeront plus et les valeurs inférieures dézoomeront.

En lien avec les règles @@viewport
Valeur initialeauto
Pourcentagesthe zoom factor itself
Médiapour chaque propriété individuelle de la propriété raccourcie :
  • visual: Valeur introuvable dans la base de données
  • continuous: Valeur introuvable dans la base de données
Valeur calculéeauto ou un nombre positif ou nul ou un pourcentage, comme spécifié
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

/* Valeur avec un mot-clé */
zoom: auto;

/* Valeurs numériques */
/* Type <number>      */
zoom: 0.8;
zoom: 2.0;

/* Valeurs proportionnelles */
/* Type <percentage>        */
zoom: 150%;

Valeurs

auto
C'est l'agent utilisateur qui déterminera le niveau de zoom initial. L'agent utilisateur pourra utiliser la taille de la grille de la zone d'affichage afin de déterminer ce niveau.
<number>
Un nombre positif qui correspond au niveau de zoom appliqué. Pour plus d'informations, voir le type de donnée <number>.
<percentage>
Un pourcentage positif qui correspond au niveau de zoom appliqué (100% : aucun zoom ; les valeurs supérieures traduiront un zoom plus importants ; les valeurs inférieures auront un effet de « dézoom »). Pour plus d'informations, voir le type de donnée <percentage>.

Syntaxe formelle

auto | <number> | <percentage>

Spécifications

Spécification État Commentaires
CSS Device Adaptation
La définition de '"zoom" descriptor' dans cette spécification.
Version de travail Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simpleChrome Support complet 29Edge ? Firefox Aucun support NonIE Support complet 10
Préfixée
Support complet 10
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -ms-
Opera Support complet 16Safari Aucun support NonWebView Android Support complet 4.4Chrome Android Support complet 61Edge Mobile ? Firefox Android Aucun support NonOpera Android Support complet 37Safari iOS ? Samsung Internet Android Aucun support Non

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,