Prozentsatz oder Pixel für Layouts?

Was werden Sie für ein Webseitenlayout verwenden? Prozentsatz oder Pixel?
Wann sollte man eins über das andere verwenden?

web-development design websites

— ACP
quelle

Weder - benutze sie ;-)

— Armand

(Das ist "em" der typografische Begriff, nicht "em" das HTML-Tag, falls jemand verwirrt.)

— Frank Shearar

@Alison: meinst du nicht "Weder - benutze sie "?

— Alan Pearce

Zielplattform? Das Offensichtliche wäre der Prozentsatz, aber leider würde ich Pixel empfehlen

— dvhh

Hmmmm @Alan du hast vielleicht recht :—)

— Armand

Antworten:

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.

— Guffa
quelle

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

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.

— Sunwukung
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.

— Matt S.
quelle