Maison >interface Web >tutoriel CSS >Résumé de l'attribut zoom en CSS

Résumé de l'attribut zoom en CSS

巴扎黑
巴扎黑original
2017-06-02 17:41:163212parcourir

En CSS, l'attribut zoom est utilisé pour définir ou récupérer le taux de zoom d'un objet. La fonctionnalité de script correspondante est le zoom. Bien que beaucoup de gens le sachent, il y a encore des gens qui ne connaissent pas l'utilisation spécifique du zoom, ou ne l'ont pas étudié en profondeur. Résumons l'utilisation du zoom :

1.CAttribut. zoom in SS style : Explication détaillée du rôle de 1

Le rôle de zoom:1 en CSS
Compatible avec les navigateurs IE6, IE7 et IE8 Vous pouvez souvent rencontrer des problèmes. utilisez zoom:1 pour les résoudre. Il a les fonctions suivantes :
Déclenchez le haslayout du navigateur IE
Résolvez certains problèmes tels que le flottement et le chevauchement des marges sous IE.

Résumé de lattribut zoom en CSS

2.L'attribut zoom ou overflow:auto en CSS efface le flottant

En fait, l'attribut Zoom en CSS est généralement pas. Il est si connu qu'il est même introuvable dans certains manuels CSS. En fait, l'attribut Zoom est un attribut propriétaire du navigateur IE et n'est pas pris en charge par Firefox et les autres navigateurs. Il définit ou récupère la mise à l'échelle de l'objet. De plus, il a d'autres fonctions, telles que le déclenchement de l'attribut hasLayout d'IE, la suppression des flottants, la suppression du chevauchement des marges, etc.

Résumé de lattribut zoom en CSS

3.La différence entre zoom et transform:scale()

Zoom et transform:scale() peuvent être utilisés pour le zoom, il existe actuellement une variété de téléphones mobiles avec différentes tailles d'écran côté mobile Afin d'être compatible avec des écrans de différentes largeurs, nous pouvons créer une page basée sur une certaine largeur d'écran (comme 320 pour iPhone5, ceci). est basé sur le brouillon de conception), puis modifiez la page Mise à l'échelle pour s'adapter à d'autres largeurs d'écran.

Résumé de lattribut zoom en CSS

4. Utilisation du zoom en CSS

zoom : nombre normal

normal : Valeur par défaut. Utilisez la taille réelle de l'objet
nombre : % | nombre réel à virgule flottante non signé. Lorsque la valeur réelle à virgule flottante est de 1,0 ou que le pourcentage est de 100 %, cela équivaut à la valeur normale de cet attribut, en explication vernaculaire, il s'agit d'un zoom : le nombre suivant est le multiple de grossissement, qui peut être une valeur numérique ou un. pourcentage. Par exemple : zoom :1, zoom :120 %.

ps : On dit sur Internet que c'est un attribut propriétaire d'IE Je l'ai personnellement testé et il peut également être utilisé dans Chrome (le navigateur Firefox ne le supporte pas)

Questions/Réponses liées à l'attribut zoom :

1.

Comment calculer la taille de la page de contrôle en zoom css ?

2.

Pourquoi le zoom zoome-t-il sur l'image de fond en partant du coin supérieur gauche de la page ?

3.

L'utilisation de zoom:50% en CSS n'a pas d'effet sur la taille du texte de la page Pourquoi ?

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