Heim > Web-Frontend > CSS-Tutorial > Welche Funktion hat das Zoom-Attribut in CSS?

Welche Funktion hat das Zoom-Attribut in CSS?

王林
Freigeben: 2020-03-18 10:44:07
nach vorne
4456 Leute haben es durchsucht

Welche Funktion hat das Zoom-Attribut in CSS?

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">
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:jb51.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage