Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Zusammenfassung des Zoom-Attributs in CSS

巴扎黑
Freigeben: 2017-06-02 17:41:16
Original
3109 Leute haben es durchsucht

In CSS wird das Zoom-Attribut verwendet, um das Zoomverhältnis eines Objekts festzulegen oder abzurufen. Die entsprechende Skriptfunktion ist Zoom. Obwohl viele Leute es wissen, gibt es immer noch einige Leute, die die spezifische Verwendung von Zoom nicht kennen oder sie nicht eingehend studiert haben. Fassen wir die Verwendung von Zoom zusammen:

1.CAttribut Zoom im SS-Stil: Detaillierte Erklärung der Rolle von 1

Die Rolle von Zoom:1 in CSS
Kompatibel mit IE6-, IE7- und IE8-Browsern. Sie können häufig auf Probleme stoßen Verwenden Sie zoom:1, um sie zu lösen. Es hat die folgenden Funktionen:
Lösen Sie das Haslayout des IE-Browsers
Lösen Sie einige Probleme wie Floating und Randüberlappung unter IE.

Zusammenfassung des Zoom-Attributs in CSS

2.Das Zoom-Attribut oder overflow:auto-Attribut in CSS löscht Floating

Tatsächlich ist es das Zoom-Attribut in CSS im Allgemeinen nicht. Es ist so bekannt, dass es nicht einmal in einigen CSS-Handbüchern zu finden ist. Tatsächlich ist das Zoom-Attribut ein proprietäres Attribut des IE-Browsers und wird von Browsern wie Firefox nicht unterstützt. Es legt die Skalierung des Objekts fest oder ruft sie ab. Darüber hinaus verfügt es über weitere Funktionen, z. B. das Auslösen des hasLayout-Attributs des IE, das Löschen von Floats, das Löschen von Margin-Überlappungen usw.

Zusammenfassung des Zoom-Attributs in CSS

3.Der Unterschied zwischen zoom und transform:scale()

Sowohl zoom als auch transform:scale() können verwendet werden Zum Zoomen gibt es derzeit auf der mobilen Seite eine Vielzahl von Mobiltelefonen mit unterschiedlichen Bildschirmgrößen. Um mit Bildschirmen unterschiedlicher Breite kompatibel zu sein, können wir eine Seite basierend auf einer bestimmten Bildschirmbreite erstellen (z. B. 320 für iPhone5). basiert auf dem Entwurfsentwurf) und ändern Sie dann die Skalierung der Seite, um sie an andere Bildschirmbreiten anzupassen.

Zusammenfassung des Zoom-Attributs in CSS

4. Verwendung von Zoom im CSS

Zoom: normal Zahl

normal: Standardwert. Verwenden Sie die tatsächliche Größe des Objekts
Zahl: % |. Wenn der Gleitkomma-Realwert 1,0 oder der Prozentsatz 100 % beträgt, entspricht er dem Normalwert dieses Attributs. Im Volksmund ist es Zoom: Die folgende Zahl ist der Vergrößerungsfaktor, der ein numerischer Wert oder a sein kann Prozentsatz. Zum Beispiel: Zoom:1, Zoom:120 %.

ps: Im Internet heißt es, dass es sich um ein proprietäres Attribut des IE handelt und es auch in Chrome verwendet werden kann (Firefox-Browser unterstützt es nicht)

Fragen und Antworten zum Zoom-Attribut:

1.

Wie berechnet man die Kontrollseitengröße im CSS-Zoom?

2.

Warum vergrößert Zoom das Hintergrundbild, beginnend in der oberen linken Ecke der Seite?

3.

Die Verwendung von Zoom:50 % in CSS hat keinen Einfluss auf die Seitentextgröße. Warum?

Das obige ist der detaillierte Inhalt vonZusammenfassung des Zoom-Attributs in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!