Wie viel rem sind so viele Pixel?

So funktioniert es

CSS kennt absolute Längen, die fest zueinander stehen, und schriftbezogene. In CSS ist ein Zoll immer 96 px, also ist 1 pt (1/72 Zoll) 4/3 px, eine Pica 16 px und 1 cm etwa 37,8 px. Diese CSS-Pixel sind nicht die physischen Pixel des Bildschirms; der Browser skaliert sie.

Ein rem ist die Schriftgröße des Wurzelelements, ein em die Schriftgröße des Elements selbst. Browser verwenden standardmäßig 16 px, also gilt rem = px ÷ 16 und 24 px = 1,5 rem. Ist deine Root-Schriftgröße 20 px, sind 24 px 1,2 rem. Der Umrechner verwendet die eine eingestellte Schriftgröße für beide; gib für em also die Größe an, die für das jeweilige Element gilt.

Die Definitionen stammen aus dem W3C-Modul CSS Values and Units Level 4. Viewport- und Container-Einheiten (vw, vh, cqw) hängen vom Bildschirm ab und sind nicht enthalten.