Em und Rem: Was ist der Unterschied?

Synopsis: Sowohl rem als auch em sind Größeneinheiten in CSS. Rem ist die Schriftgröße des root-Elements. Em ist die Schriftgröße des lokalen Kontexts.

---

Die em-Einheit stammt aus der Welt der gedruckten Typografie und ist eine Einheit, die es ermöglicht, die Schriftgröße eines Elements relativ zur nächstgelegenen deklarierten Schriftgröße in seiner Komponentenhierarchie festzulegen.

Die rem-Einheit, kurz für root em, verweist immer auf den Schriftgrößenwert des Root-Elements, des Element. Wenn das Element keine angegebene Schriftgröße hat, wird die Browser-Standardgröße von 16 Pixel verwendet.

Beide Einheiten können für Attribute beliebiger Größe verwendet werden, wie z. B. Rand und Zeilenhöhe. Wenn ja, behält rem seine konsistente Definition bei. Em hingegen verweist auf die eigene Schriftgröße des Elements.

---

Meinung des Entwicklers

Ich gebe zu, dass ich sie in dem Code, den ich geschrieben habe, viel häufiger verwendet habe, aber nachdem ich das gelernt habe, ist rem intuitiver und zuverlässiger als sie! Ab diesem Zeitpunkt werde ich rem verwenden, es sei denn, ich möchte die Größe im lokalisierten Kontext ausdrücklich berücksichtigen.

Wenn Sie ein HTML-Entwickler sind und daran interessiert sind, sich der Mission, die Welt zu retten, anzuschließen, schließen Sie sich der Crew der Salvation Company an, wo wir genau das tun! Technologieentwicklungen sind ein sicherer Faktor bei unserer Arbeit, und es gibt Platz für Neulinge und leitende Architekten-Ingenieure gleichermaßen! (Und Produktmanager und Designer und Techniker und Studenten und Berater und Mathematiker und ...) Die Räume sind offen; Du müssen respektvoll bleiben. Ist es überhaupt eine Erlösung? Wir sehen uns dort!

A

Das obige ist der detaillierte Inhalt vonEm und Rem: Was ist der Unterschied?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!