Problem geschachtelter relativer Größenangaben

Texte werden relativ zum Parent skaliert. Dadurch werden wie in folgendem Beispiel p-Texte unterschiedlich groß dargestellt:


Text im div im body

Text im p im body

Text im p im div im body


Möchte man erreichen, dass Texte immer in gleicher relativer Größe dargestellt werden, so kann man statt em einen auf die Root bezogenen Wert angeben: rem.

Text in span in body
Text in div in span in body

=> Beide Texte werden nun gleich groß dargestellt, da sie sich auf die Root 'html' beziehen!