Programmiererforum

const k = parseFloat(getComputedStyle(document.documentElement).fontSize) / 16;

Wenn ein Benutzer die Schriftgrößeneinstellung in einem Browser ändert, ist 1rem nicht mehr 16 Pixel. In Chrome bedeutet „Sehr groß“ beispielsweise 1rem == 24px oder 150 % der normalen Schriftgröße:
[img]https://i.sstatic.net/Fcl5KfVo.png[/img]

Ich möchte in diesem Fall, dass alle s proportional sind hochskaliert (d. h. 150 %), da mein gesamtes Layout rembasiert ist. Mit JS könnte ich den Faktor berechnen:
[code]const k = parseFloat(getComputedStyle(document.documentElement).fontSize) / 16;
[/code]
und wenden Sie es für jeden an. Wenn der Benutzer jedoch die Größe ändert, während meine Seite bereits geladen ist, wird das Seitenlayout beschädigt.
Kann dies in reinem CSS oder möglicherweise mithilfe von Attributen erfolgen, sodass der Browser aktiviert ist? -skaliert die s automatisch?