(Das ist "em" der typografische Begriff, nicht "em" das HTML-Tag, falls jemand verwirrt.)
Frank Shearar
4
@Alison: meinst du nicht "Weder - benutze sie "?
Alan Pearce
1
Zielplattform? Das Offensichtliche wäre der Prozentsatz, aber leider würde ich Pixel empfehlen
dvhh
Hmmmm @Alan du hast vielleicht recht :—)
Armand
Antworten:
11
Welche Einheit Sie verwenden, hängt ganz davon ab, was Sie erreichen möchten. Die in Weblayouts am häufigsten verwendeten Einheiten sind:
px - absolut; ein Pixel
pt - absolut; 1/72 Zoll, ca. 1,3 Pixel für Bildschirmmedien
em - relativ zur übergeordneten Schriftgröße; 1.0em = Größe eines Zeichens (Breite des Großbuchstabens M)
% - relativ zum Elternteil
Sie verwenden px für Größen, die konstant bleiben, z. B. einen 1px-Rand.
Sie verwenden sie für Größen, die der Schriftgröße folgen sollen, z. B. einen 3.0em-Rand.
Sie verwenden% für Größen, die einen Prozentsatz des übergeordneten Elements einnehmen sollen, z. B. eine Breite von 50%.
Für Webseitenlayouts verwenden Sie normalerweise entweder Pixel oder Prozentsätze, je nachdem, ob Sie ein festes (Pixel) Layout oder ein flüssiges (Prozent) basiertes Layout wünschen.
Ein kleines Problem: Ein em ist die Breite und nicht die Höhe eines Großbuchstaben M in der traditionellen Typografie. Es überrascht nicht, dass ein en die Breite eines Großbuchstaben N ist. Ein ex ist das zeichenbasierte Höhenmaß.
Stan Rogers
@ Stan Rogers: Ich habe nie gesagt, dass es die Höhe eines Großbuchstaben M ist, jemand anderes hat das in bearbeitet.
Guffa
Was zählt ist, dass die angegebenen Informationen so korrekt sind, wie wir sie machen können, und nicht, wer sie dort abgelegt hat. (Ich kann die Nicht-Wiki-Antworten anderer Leute noch nicht bearbeiten, daher sind Kommentare das Beste, was ich tun kann.)
Stan Rogers
Die Punktgröße ist nur dann absolut, wenn Sie die genaue Auflösung des Ausgabegeräts und den vom Benutzer festgelegten Skalierungsfaktor kennen (auflösungsunabhängige Benutzeroberfläche, XP-Schriftarten usw.). Auch iPhone 4 ist 326 dpi, was deutlich mehr als 72 dpi ist
JBRWilkinson
@JBRWilkinson: Es ist ein absolutes Maß für jedes Gerät. Es ist so absolut wie die Einheit px; Die Größe eines Pixels unterscheidet sich auch für jede Anzeige.
Guffa
1
Ich neige dazu, Pixel für Breitendeklarationen zu verwenden (die im Allgemeinen fest sind), aber ems für die Höhe. Auf diese Weise wird die Größe des Layouts vertikal geändert - die horizontale Konsistenz bleibt jedoch erhalten.
Ich verwende, wann immer möglich, relative / proportionale Größen. Ich finde, es macht es viel einfacher, später Änderungen an Layouts vorzunehmen. Die Verwendung einer Größe relativ zu einem übergeordneten Element bedeutet auch, dass eine Änderung des übergeordneten Elements leicht nach unten rinnt.
Traditionell ermöglichte die Verwendung relativer Größen auch, dass Seiten in verschiedenen Auflösungen korrekt aussehen, und war besonders vorteilhaft für das Zoomen des Browsers oder minimale Schriftgrößen. Moderne Browser können jetzt die Größe mit pixelspezifischen Layouts sehr gut ändern und Bilder bei Bedarf sogar vergrößern. Daher ist es weniger wichtig, relative Größen zu verwenden.
Antworten:
Welche Einheit Sie verwenden, hängt ganz davon ab, was Sie erreichen möchten. Die in Weblayouts am häufigsten verwendeten Einheiten sind:
Sie verwenden px für Größen, die konstant bleiben, z. B. einen 1px-Rand.
Sie verwenden sie für Größen, die der Schriftgröße folgen sollen, z. B. einen 3.0em-Rand.
Sie verwenden% für Größen, die einen Prozentsatz des übergeordneten Elements einnehmen sollen, z. B. eine Breite von 50%.
Für Webseitenlayouts verwenden Sie normalerweise entweder Pixel oder Prozentsätze, je nachdem, ob Sie ein festes (Pixel) Layout oder ein flüssiges (Prozent) basiertes Layout wünschen.
quelle
px; Die Größe eines Pixels unterscheidet sich auch für jede Anzeige.Ich neige dazu, Pixel für Breitendeklarationen zu verwenden (die im Allgemeinen fest sind), aber ems für die Höhe. Auf diese Weise wird die Größe des Layouts vertikal geändert - die horizontale Konsistenz bleibt jedoch erhalten.
quelle
Ich verwende, wann immer möglich, relative / proportionale Größen. Ich finde, es macht es viel einfacher, später Änderungen an Layouts vorzunehmen. Die Verwendung einer Größe relativ zu einem übergeordneten Element bedeutet auch, dass eine Änderung des übergeordneten Elements leicht nach unten rinnt.
Traditionell ermöglichte die Verwendung relativer Größen auch, dass Seiten in verschiedenen Auflösungen korrekt aussehen, und war besonders vorteilhaft für das Zoomen des Browsers oder minimale Schriftgrößen. Moderne Browser können jetzt die Größe mit pixelspezifischen Layouts sehr gut ändern und Bilder bei Bedarf sogar vergrößern. Daher ist es weniger wichtig, relative Größen zu verwenden.
quelle