Was ist der Wert der CSS ex 'Einheit?

(Nicht zu verwechseln mit Xunitein beliebtes .Net unit-Test-Bibliothek.)

Heute in einem Anfall von Langeweile habe ich angefangen die Inspektion wählen Gmails DOM (ja, ich war sehr gelangweilt).

Sah alles ziemlich einfach, bis ich bemerkte eine interessante Angabe über die Breite von bestimmten Elementen. Die illustre Googlites hatte eine Zahl angegeben, die der Tabelle cols mit dem seltenen " ex " - Einheit.

width: 22ex;

Zuerst war ich ratlos ("was ist eine "ex"?"), dann kam es zurück zu mir: ich glaube mich zu erinnern etwas von vor Jahren, als erste lernte ich über CSS. Aus der CSS3-Spezifikation:

[Die Einheit ex ist] gleich die verwendete x-Höhe der erste verfügbare schriftart. Die x-Höhe wird so genannt, weil es oft gleich der Höhe des Kleinbuchstaben "x". Allerdings, ein " ex " ist definiert, auch für Schriften, die nicht enthalten ein "x".

Schön und gut. Aber ich habe eigentlich nie gesehen, es verwendet werden, bevor Sie (viel weniger es mir). Ich benutze ems Recht Häufig, und schätzen Ihren Wert, aber warum das "ex"? Es scheint viel weniger standard, eine Messung ist als die em, und weit weniger nützlich.

Einer der wenigen Seiten, die ich gefunden über dieses Thema ist Stephen Poley ist http://www.xs4all.nl/~sbpoley/webmatters/emex.html. Stephen macht gute Punkte, aber seine Diskussion scheint nicht schlüssig für mich.

Also meine Frage ist: Welchen Wert hat der 'ex' - Einheit zu verleihen, um web-design?

(Diese Frage wäre tagged subjektiv, aber ich überlasse, die Entscheidung zu mehr erlebt, SO ' ers als ich.)

InformationsquelleAutor der Frage Joel | 2009-05-28

  1. 100

    Es ist nützlich, wenn Sie möchten, um die Größe etwas in Bezug auf die Höhe des Textes in Kleinbuchstaben. Zum Beispiel, stellen Sie sich vor Sie arbeiten an einem design-wie so:

    Was ist der Wert der CSS ex 'Einheit?


    In der typografischen dimension von design, die Höhe der Buchstaben ist wichtig, räumliche Beziehungen zu dem rest der Elemente. Die Zeilen in der Quelle Bild oben sind vorgesehen, um dabei zu helfen, aus der x-Höhe des Textes, Sie zeigen aber auch, wo die Leitlinien werden würde, wenn die Gestaltung um den text.

    Als Jonathan darauf hingewiesen, in den Kommentaren, ex ist einfach die Höhe-version von em (Breite).

    InformationsquelleAutor der Antwort Rex M

  2. 14

    Um die Frage zu beantworten, eine Verwendung ist Hochgestellt und Tiefgestellt. Beispiel:

    sup {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    bottom: 1ex;
}

    InformationsquelleAutor der Antwort jbs

  3. 2

    Andere Sache zu prüfen ist hier, wie Sie Ihre Seite wird so skaliert, wenn ein Benutzer die Hochs und Tiefs Ihrer Schriftgröße (vielleicht mit Strg+Mausrad (windows)).

    Benutzt habe ich em mit..
    padding-left: 2 em;
    padding-right: 2 em;

    ex und mit
    padding-bottom: 2 ex;
    padding-top: 2 ex;

    Daher mit einer vertikalen Einheit für eine vertikal-Skalierung-Eigenschaft und eine horizontale Maßeinheit für eine horizontal-Skalierung-Eigenschaft.

    InformationsquelleAutor der Antwort

  4. 0

    Den Wert dass es in der CSS-spec, wenn es das ist, was Sie wirklich Fragen, ist genau das gleiche wie der Wert der mit der em-Einheit.

    Es ermöglicht Ihnen das festlegen von Schriftarten zu relative Größen.

    Sie nicht wissen, was meine Basis-Schriftgröße ist. Also eine gute Strategie für web-design set-schriftart-Größen sind relative, nicht als absolute werden; das entspricht der "doppelten Ihrer normalen Größe" oder "ein wenig kleiner als Ihre normale Größe" eher als eine Feste Größe, wie "zehn Pixel".

    InformationsquelleAutor der Antwort AmbroseChapel

  5. 0

    Beachten Sie, dass Begriffe wie "Einzel - /Doppel-Zeilenabstand" in Wirklichkeit bedeutet, den Abstand zwischen zwei benachbarten Zeilen, gemessen von em. Also "doppelter Zeilenabstand" bedeutet jede Zeile hat eine Höhe von 2 em.

    Daher, wenn Sie angeben möchten, eine vertikale Distanz, die proportional zu der "Linien", verwenden Sie em. Verwenden Sie nur ex-wenn Sie möchten, dass die tatsächliche Höhe der Kleinbuchstaben, die, ich wage zu sagen, eine sehr viel seltenere Instanz.

    InformationsquelleAutor der Antwort Yì Yáng

Schreibe einen Kommentar