Heim > Artikel > Web-Frontend > Welche Funktion hat das Zoom-Attribut in CSS?
Welche Funktion hat das Zoom-Attribut in CSS?
- 王林nach vorne
- 2020-03-18 10:44:074417Durchsuche
CSS-Zoomattribut
Zoom: Legen Sie das Zoomverhältnis des Objekts fest oder rufen Sie es ab, lösen Sie das Haslayout-Attribut des IE-Browsers aus und lösen Sie einige Probleme wie Floating und Margin überlappen.
Syntax:
zoom:normal
(Empfohlenes Tutorial: CSS-Tutorial)
Parameter:
normal: Verwenden Sie die tatsächliche Größe des Objekts (Standardwert)
Zahl: Verwenden Sie Zahlen, um das Zoomverhältnis zu definieren, keine negativen Zahlen,
Beispiel:
Zoom:5
Prozentsatz: Verwenden Sie den Prozentsatz, um das Zoomverhältnis zu definieren.
Beispiel:
Zoom:200 %
Zoom ist ein spezielles Attribut des IE-Browsers. In der Vergangenheit unterstützten Firefox, Google usw. Einige andere Browser dies nicht und erfüllten die W3C-Standards nicht. Aber jetzt beginnt die Standardisierung dieses Attributs und ist im Entwurf von CSS3 enthalten.
Außerdem:
Mithilfe des Zoom-Attributs in CSS können Sie der Webseite ermöglichen, die Zoomfunktion in IE7 zu realisieren.
Wenn Sie beispielsweise möchten, dass Ihre Webseite auf die Hälfte ihrer Originalgröße verkleinert wird, fügen Sie style="zoom:0.5" zum Textkörper hinzu, z. B.:
Programmcode:
<body style="zoom:0.5">
Empfohlene verwandte Video-Tutorials: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWelche Funktion hat das Zoom-Attribut in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!