der oben zitierte satz
"Während sich em auf die relative Schriftgröße des Elternelements bezieht und so immer wieder neu berechnet werden muss, bleibt die Schriftgröße bei rem immer gleich, was das Arbeiten mit Größen sehr vereinfacht."
sollte m.e. lauten: "Während sich em auf die Definition der Schriftgröße in einem übergeordneten Elternelement bezieht (um diese über einen Faktor ggf. zu verändern, also z.b. mit 1.5 zu multiplizieren), wobei im Rahmen einer Webpage auf diverse Elternelemente mit verschiedenen Schriftgrößen-Definitionen Bezug genommen werden kann, bleibt bei rem die Bezugsgröße immer dieselbe, nämlich die css-Definition im root-Element, i.d.R. dem html-tag (auch dem body-tag [?]). Das macht das Arbeiten mit Größen wesentlich übersichtlicher und weniger fehleranfällig."
sehe ich das richtig?
ergänzend könnte man schreiben:
"Auch etwa die line-height kann in css durch Bezug auf die font-size im root-Element über die Angabe eines Faktors nach dem Muster "line-height: x rem" festgelegt werden (Eine Definition der line-height im root-Element wird nicht erkannt). Als Einheiten können pixel = px oder punkt = pt verwendet werden, wobei bei px die Darstellungsgröße von der Auflösung des Mediums abhängig ist, also unterschiedlich ausfällt bei Bildschirmen mit 72 oder 96 dpi, oder bei Handys, wo die Pixel-Menge per inch oft noch viel höher ist (sodass Buchstaben mit fester Pixel-Größe entsprechend kleiner angezeigt werden), aber gerätespezifisch durch die sog. dpr (device pixel ratio) 'virtuell' heruntergerechnet wird, sodass dann für die Schriftdarstellung etwa aus 3 physischen Pixeln nur noch ein rechnerisches Pixel wird (, während für die Bilddarstellung die volle physische Pixelzahl genutzt wird)."
gruß, hilmar