Hi,

Angenommen, man zeigt mit seinem Browser einmal bei 1024 und dann bei 640 Pixeln Auflösung die Webseite an und stellt nichts um, dann wird logischerweise die 640er-Auflösung optisch auf dem Bildschirm wesentlich größer erscheinen - und gleichzeitig wird die Darstellung der Webseite ziemlich gedrängt erscheinen, weil ja wesentlich weniger Platz zur Verfügung steht. An der Grundlage, wieviele Pixel denn jetzt 1em sind, wurde ja nichts verändert, also sind sämtliche Elemente der Seite bei beiden Auflösungen exakt gleich groß - in Pixeln!

Nein. Bei gleicher Monitorgröße nimmt ein Pixel natürlich wesentlich mehr Platz ein, weshalb die Schrift ja auch optisch viel größer erscheint. Lediglich der Anzeigebereich ist stark reduziert, so daß je nach Definition der Seite eben alles gedrängt ist oder Scrollbalken generiert werden.

Wenn man jetzt die Grundlage für die em-Einheit anpaßt, damit die Webseite bei 640 genauso auf den Bildschirm paßt, wie bei 1024, muß man die Größe herunterschrauben.

Das ginge aber nicht ohne weiteres, jedenfalls nicht auf Autorenseite. Dir schwebt vielleicht eine Konstruktion mit Breitenangaben in em vor, die es dem User ermöglichen, durch Verringerung des Schriftgrades die Seite gleich aussehen zu lassen. In diesem Fall wird aufgrund der geringeren Auflösung natürlich auch die Schrift pixeliger.

Es ist also illusorisch anzunehmen, mit em hätte man plötzlich keinerlei Probleme mehr, und die Webseite sähe auf allen Bildschirmen gleich aus, egal welche Auflösung.

Es wird wohl kaum jemand auf eine solche Idee kommen. Die Regel ist doch, entweder eine feste Breite in px oder em vorzugeben, die dann in sehr kleinen Bildschirmen nicht mehr paßt und Scrollbalken hervorruft, oder Die Breite nicht bzw. in % vorzugeben, wodurch die Inhalte in kleinen Fenstern sehr gedrängt werden.

Und noch ein Nachteil von em sollte erwähnt werden: Es ist eine relative Einheit, die sich prima vererbt.

Das läßt sich aber in den meisten Fällen relativ einfach kompensieren, z.B. indem man verschachtelbaren Elementen keine Schriftgröße zuweist, sondern z.B. nur P und Hx.
Aber auch bei verschachtelten Elementen ist dieser "Nachteil" leicht zu beheben, z.B.:
li { font-size: 0.9em}
li li { font-size:1em; }

Und noch ein Nachteil von em existiert: Es ist keine feste, verläßlich große Einheit, sondern immer von der aktuellen, vor Ort gültigen Schriftgröße abhängig.

Zugegeben. Aber dafür kann px weit größere Probleme verursachen, sofern der Browser hier eine Skalierung zuläßt. Denke nur an die (jetzt schon länger nicht mehr gekommenen) Hilferufe: "wie kann ich eine Veränderung der Schriftgröße verhindern, damit mein Layout nicht auseinanderfällt".

freundliche Grüße
Ingo