Kann jemand schön erklären, was em als Dimensionierungseinheit von CSS ist?
Und wenn wir em als Größeneinheit für eine Website verwenden, warum% für den Körper verwenden? Warum nicht em auch für den Körper verwenden?
Der beste Weg, um herauszufinden, was es ist, ist der CSS-Standard .
Hier sehen Sie, dass es als die Schriftgröße des fraglichen Elements definiert ist, d. h. es bezieht sich auf die Höhe der Schrift für das Element. Die Schriftgröße ist kein Maß für einen bestimmten Buchstaben. Die tatsächliche Höhe einzelner Buchstaben kann größer oder kleiner als die Schriftgröße sein, obwohl sie in der Regel geringer ist. Von Wikipedia :
Beim digitalen Typ wird die Beziehung der Höhe bestimmter Buchstaben zum em willkürlich vom Schriftdesigner festgelegt. Als sehr grobe Richtlinie könnte eine "durchschnittliche" Schriftart jedoch eine Kappenhöhe von 70% der EM und eine x-Höhe von 48% der EM haben.
Noch eine Anmerkung im CSS-Standard:
Die einzige Ausnahme von dieser Regel ist die Eigenschaft 'font-size', bei der sich die Werte 'em' und 'ex' auf die Schriftgröße des übergeordneten Elements beziehen.
Diese Ausnahme ist sinnvoll, sonst erhalten Sie eine rekursive Definition für die Schriftgröße.
Eine häufig verwendete, aber falsche Definition ist, dass es sich um die Breite des betreffenden Buchstabens "M" handelt. Früher wurde das in der Typografie so definiert, aber das gilt heute nicht mehr und war für CSS nie richtig. Das 'M' ist tatsächlich oft weniger breit als 1 em (das hängt natürlich von der Schriftart ab).
BEARBEITEN: Ich stehe korrigiert: in CSS ist es definiert als die Schriftgröße, wie von Mark Byers 'Antwort.
(Ursprünglich war es Es ist die Breite des Buchstaben M. Siehe Ссылка . Vergleichen Sie ex, das ist die Höhe eines x.)
Ein em steht angeblich für die Breite eines Buchstabens M, aber in der Praxis ist das die aktuelle Schriftgröße.
Ems sind relativ, also wenn du das tust:
%Vor%Text in Ihren tds wäre viermal so groß wie der Fließtext, da die Schriftgröße der Tabelle doppelt so groß ist wie die des Körpers, und die Schriftgröße des tds doppelt so groß wie die der Tabelle.
%Vor%Absätze haben jetzt einen Zeilenumbruch, genau die Höhe einer Textzeile. (Buchstaben sind normalerweise kürzer als die Linie, aber Sie bekommen die Idee.)
'Em' ist "x mal die aktuelle Schriftart, die der Benutzeragent verwendet".
Das heißt, wenn der Besucher 10pt Schriftart als Standard verwendet, entspricht 1em 10pt, 2em entspricht 20pt und so weiter.
Weitere Informationen zu den verschiedenen CSS-Einheiten finden Sie hier: Ссылка
Sie haben bereits ein gewisses Verständnis für 'em' aus vorhandenen Antworten, aber keiner von ihnen hat noch eine Sache bemerkt.
Mit em können Sie sogenanntes "elastisches" Make-up kreieren. Das heißt, wenn Sie alle Blockgrößen in ems angeben, behält Ihre Site ihre Proportionen , nachdem der Benutzer Strg + ' gedrückt hat (oder eine andere Kombination in einigen Browsern, um die Schriftgröße zu vergrößern).
Von Wikipedia :
Ein em ist eine Maßeinheit im Bereich der Typografie. Diese Einheit definiert den Anteil der Buchstabenbreite und -höhe in Bezug auf die Punktgröße der aktuellen Schriftart. Ursprünglich wurde die Einheit aus der Breite der Hauptstadt "M" in einer bestimmten Schriftart abgeleitet. Diese Einheit ist nicht in Bezug auf eine bestimmte Schriftart definiert und ist daher für alle Schriftarten bei einer gegebenen Punktgröße gleich. Also, 1 em in einer 16-Punkt-Schriftart ist 16 Punkte.
In CSS ist "em" eine Möglichkeit, die Größe relativ zur Schriftgröße anzugeben. "1 em" bedeutet "dieselbe Größe wie die aktuelle Schriftart-Box." "1.5 em" bedeutet, dass das Element ungefähr 1-1 / 2 mal der Schriftgröße entspricht.
Alles skaliert so schön.
Siehe: CSS Lengths Unit Reference
Tags und Links css