2010-02-01 4 views

Antwort

13

Für Schriftgrößen:

  • em und% sowohl bezüglich auf die Schriftgröße des übergeordneten Elements (dh 2em und 200% immer gleiche Ergebnis)
  • ems eine Geschichte in der Typografie haben (obwohl ein CSS em nicht das gleiche wie eine typografische em)
  • Browser-Implementierungen von CSS ist weniger Bugs mit% als mit em

Für alles andere (zB die Breite eines Elements haben):

  • em ist in Bezug auf die Schriftgröße
  • % ist auf das übergeordnete Element

relativ ... so dass sie ganz andere Dinge und müssen von Fall zu Fall geprüft werden.

+1

+1: die definitive Antwort. – Skilldrick

+0

Danke David, du sagst also, es ist sicherer in Bezug auf die Browserkompatibilität, '' '' anstelle von '' '' 'für Schriftgrößen zu verwenden? Wenn ich eine Schriftgröße in '%' festlege, wird sie mit der Basisschriftgröße oder dem umschließenden Block berechnet? –

+0

Weder. Schriftgrößen, die in Prozent angegeben sind, wie em, sind relativ zur Schriftgröße des übergeordneten Elements. (Hoppla, das hebt einen Fehler in meiner Antwort hervor, ich werde das korrigieren) – Quentin

1

Ich könnte mir vorstellen, dass ein Grund dafür ist, dass viele Webdesigner als Druckdesigner anfingen und deshalb an ems als Maßeinheit gewöhnt sind. Das ist bei mir sicher der Fall.

2

Ems basieren auf einem bekannten und konsistenten Wert (der Schriftgröße), während der Prozentsatz auf der Größe des Containers basiert. Es ist viel schwieriger, CSS zu entwerfen und zu verstehen, wenn sich die Basis Ihrer Dimensionen und Größen abhängig vom Kontext ändert (in welchem ​​Element/Container Sie sich befinden).

+0

Dank Nate hat, ich bin immer noch ein wenig verwirrt mit den Antworten, die Sie und @ David zur Verfügung gestellt, wenn Sie auf dem Thema, das ich etwas mehr Licht werfen könnten würde es wirklich zu schätzen wissen. –

-1

Geben Sie eine Seite 3-Spalten-Layout mit 25%/50%/25%, geben Sie es Schriftart, die 6 Zeilen des Artikels (16% Schriftgröße) ermöglicht, mit 5 Artikeln pro Seite (20% Höhe)

Jetzt ist es auf einem Embedded-Gerät vorstellen, die Bildschirmauflösung von 320x200px

+0

Sorry, aber ich folge nicht ... = S –

+0

Es macht nicht viel Sinn. Dieser Gerätetyp wird im Allgemeinen kein Bildschirmmedien-Stylesheet wiedergeben (es sei denn, es verfügt über einen virtuellen Ansichtsport und eine Zoomfunktion wie Safari für iPhone). Prozentuell definierte Schriftgrößen beziehen sich auf die Schriftgröße des übergeordneten Elements, nicht auf die Boxgröße des Ansichtsfensters oder des Containers. – Quentin

+0

Es tut mir leid, aber nicht einmal ich konfrontiert Webseiten, die auf einem Netbook völlig unbrauchbar waren, einfach weil die Autoren angenommen "Jeder benutzt große Bildschirme" und die Seite war entweder nicht auf den Bildschirm passen beim Scrollen, oder skaliert auf eine Größe, die sie unlesbar machte. –

Verwandte Themen