Autoskalierendes Bild, wenn der Benutzer die Schriftgröße im Browser ändert
Posted: 13 Jan 2025, 20:07
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:

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:
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?

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: Select all
const k = parseFloat(getComputedStyle(document.documentElement).fontSize) / 16;
Kann dies in reinem CSS oder möglicherweise mithilfe von Attributen erfolgen, sodass der Browser aktiviert ist? -skaliert die s automatisch?