Sollte ich em oder px verwenden?

Question

Ich beginne ein neues Web-Projekt und ich frage mich, ob em oder px für das Layout und die Schriftgrößen verwendet werden soll.

Trotz der Tatsache, dass die meisten Browser nun das Zoomen von Text und Bild unabhängig davon unterstützen, ob Schriften in px oder em definiert sind, ist die Community-Unterstützung für die Verwendung von em immer noch stark.

Aber es gibt 2 Probleme, die ich bei der Verwendung von em sehe.

Zuerst ist das Problem mit großen und breiten Monitore - oft führt dies zu Text Meilen und Meilen über den Bildschirm, der sehr schwer zu lesen ist, wie Sie die Seite lesen.

Zweitens, was ist, wenn Ihre Website eine Flash-Komponente integrieren musste? Wenn Sie möchten, dass die Flash-Komponente genau in eine div-Datei (z. B. den Hauptcontainer der Website) passt, die in em definiert ist, wie würden Sie dann vorgehen, da Flash-Komponenten in px gemessen werden?

Gibt es einen zwingenden Grund, EM über PX zu verwenden?

Answer 1

Erstens ist das Problem mit großen und breiten Monitore - oft führt dies zu Fließtext Meilen und Meilen über den Bildschirm, die las sehr schwierig ist, wie Sie die Seite lesen unten.

Mit em oder px, können Sie immer noch ein width (oder max-width) zum Layout definieren.

Zweitens, was ist, wenn Ihre Website eine Flash-Komponente integrieren musste? Wenn Sie möchten, dass die Flash-Komponente genau innerhalb eines div (z. B. der Haupt Container der Website), die in em definiert ist, wie würden Sie darüber gehen, da Flash-Komponenten in px gemessen werden?

Um genau zu passen, können Sie immer noch 100% width verwenden, oder vielleicht habe ich Ihren Standpunkt nicht verstanden.

---

In der Theorie mit em statt px ermöglicht es, das Layout leicht ansehnliche zu sein, basierend auf Benutzereinstellungen.

Aber heute, moderne Browser können Größe px Layouts sowie em Layouts ändern, so dass es möglicherweise nicht so relevant wie es vor einigen Jahren war.

Answer 2

Wenn Sie relativ große statt feste Schriftarten verwenden, ist der Hauptvorteil, dass ein (optisch behinderter) Besucher die Webseite einschließlich der Schriftarten vergrößern/verkleinern kann. Alles dreht sich um web accessibility.

Answer 3

px hat das gleiche Problem wie em, das Sie mit verschiedenen Monitorgrößen erwähnen. Bei px gibt es auch eine größere Tendenz, in Pixel zu denken, wenn sie auf dem Bildschirm angezeigt werden (d. H. Pixel mit einer bestimmten Punkthöhe). Da ems (und%) keine feste Größenbeziehung zu Anzeigen haben, fallen Menschen nicht in dieselbe Falle. (px hat, wie alle Bildpixel, keine feste 1: 1-Beziehung zum Anzeigen von Pixeln, aber die Leute denken normalerweise so an sie.)

Wenn es um das Ausrichten von ersetzten Elementen geht, ob Flash oder Bilder, sind px in der Tat passender (obwohl Flash, wenn Sie reine Vektorgrafiken verwenden, beliebig skalieren kann). Persönlich verwende ich, was auch immer natürlicher ist für den Typ des Elements, der Positionierung und Dimensionierung bestimmt: px für Bilder & Filme, em für Text,% für das Ansichtsfenster.

Answer 4

Nun, da die moderne Desktop Browser skalieren px und em die gleiche, ich denke, die Diskussion bewegen sollte, wie die Verwendung von dem einen oder anderen auf mobilen Geräten wie dem iPad angezeigt werden, iPhone usw.