Wie drücke ich Einheiten in CSS aus? Unit-Methode in CSS

Der Inhalt dieses Artikels handelt davon und hat einen gewissen Referenzwert. Ich hoffe, dass er für Sie hilfreich ist.

px: absolute Einheit, die Seite wird in genauen Pixeln angezeigt

em: relative Einheit, der Bezugspunkt ist die Größe der Schriftart des übergeordneten Elements Knoten, wenn die Schriftart selbst definiert ist, wird die Größe selbst berechnet (die Standardschriftart des Browsers ist 16 Pixel), und 1em ist kein fester Wert auf der gesamten Seite.

rem: relative Einheit, die als „root em“ verstanden werden kann, berechnet relativ zur Schriftgröße des Stammknoten-HTML, neues CSS3-Attribut, Chrome/Firefox/IE9+ unterstützt

vw : Blickwinkelbreite, Fensterbreite, 1vw entspricht 1 % der Fensterbreite.

vh: Blickpunkthöhe, Fensterhöhe, 1vh entspricht 1 % der Fensterhöhe.

vmin: Der kleinere Wert von vw und vh.

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

vw, vh, vmin, vmax: teilweise Unterstützung für IE9+, Unterstützung für Chrome/Firefox/Safari/Opera, Unterstützung für iOS Safari 8+, Unterstützung für Android-Browser 4.4+, Unterstützung für Chrome für Android39

%: Prozentsatz

in: Zoll

cm: Zentimeter

mm: Millimeter

Punkt:Punkt, etwa 1/72 Zoll

pc:pica, etwa 6pt, 1/6 Zoll

Beispiel: Nehmen Sie die x-Höhe der Schriftart, die gerade auf den Effekt wirkt, und berechnen Sie sie als 0,5em, wenn die x-Höhe nicht bestimmt werden kann (nicht). unterstützt von IE11 und niedriger), Firefox/Chrome/Safari/Opera/ios Safari/Android Browser4.4+ usw. alle erfordern Attribute plus Präfixe)

ch: Basierend auf dem „0“-Zeichen in der Schriftart Wird vom Knoten verwendet und kann nicht gefunden werden. Es beträgt 0,5em(ie10+,ch

Oben wird beschrieben, wie die Einheit in CSS ausgedrückt wird? Eine vollständige Einführung in die Einheitenmethode in CSS, wenn Sie es wissen möchten Weitere Informationen zu CSS-Video-Tutorial finden Sie auf der chinesischen PHP-Website

.

Das obige ist der detaillierte Inhalt vonWie drücke ich Einheiten in CSS aus? Unit-Methode in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!