Heim  >  Artikel  >  Web-Frontend  >  Was sind die neuen Einheiten in CSS3? Detaillierte Erläuterung der neuesten neuen CSS3-Einheiten

Was sind die neuen Einheiten in CSS3? Detaillierte Erläuterung der neuesten neuen CSS3-Einheiten

云罗郡主
云罗郡主nach vorne
2018-10-29 14:49:222397Durchsuche

Was sind die neuen Einheiten in CSS3? Ich glaube, dass viele Freunde, die gerade erst mit CSS3 in Kontakt gekommen sind, solche Fragen haben werden. In diesem Kapitel erfahren Sie, was die neuen Einheiten von CSS3 sind. Detaillierte Erläuterung der neuesten neuen CSS3-Einheiten. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Einige neue Einheiten wurden in CSS3 eingeführt:

ch: die Breite des Zeichens 0 (Null);

rem: die Schriftgröße des Stammelements (HTML-Element). );

vw: Ansichtspunktbreite, Fensterbreite, 1vw entspricht 1 % der Ansichtsfensterbreite;

vh: Ansichtspunkthöhe, Fensterhöhe, 1vh entspricht 1 % der Fensterhöhe anzeigen;

vmin: Der kleinere Wert von vw und vh.

vmain: Der größere von vw und vh.

Gradwinkel

Vw, vh und vmin gelten natürlich für mobile Geräte. Wenn sich die Fenstergröße ändert, ändern sich auch diese drei Werte entsprechend.

Die rem-Einheit fühlt sich wie eine Variante von px+em an, hängt von Ihrer eigenen Wahl ab: Sie ist nicht so genau wie px und nicht so flexibel wie em – mit anderen Worten, sie ist mehr flexibler als px und genauer als em~~ ……XD……

Was passiert, wenn die Schriftgröße nicht definiert ist?

Keine Sorge, der Legende nach hat jeder Browser eine beispiellose Standardschriftgröße: 16px;, also selbst wenn Sie vergessen, den Anfangswert der Schriftgröße in der Stildatei zu definieren, Sie können em und rem weiterhin bedenkenlos verwenden.

Browser-Unterstützung:

rem, alle Browser unterstützen es grundsätzlich, IE9+, FF3.6+, Chrome, Safari 5+ und Opera 11.6+ vw, vh, vmin, browse Die Browser-Unterstützung ist nicht optimistisch, IE9 unterstützt es, Chrome unterstützt es derzeit nicht, Chrome 20 wird es wieder unterstützen (es scheint schon einmal unterstützt worden zu sein?), Safari wird es bald unterstützen, Opera und Firefox werden noch nicht unterstützt.

Was sind die neuen Einheiten von CSS3? Eine vollständige Einführung in die neuesten neuen CSS3-Einheiten. Wenn Sie mehr über das CSS3-Video-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.


Das obige ist der detaillierte Inhalt vonWas sind die neuen Einheiten in CSS3? Detaillierte Erläuterung der neuesten neuen CSS3-Einheiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:lvyestudy.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen