Text fix setzen

[Auge]

Hallo

Vielen Dank für deine Rückmeldung. Habe mal ein Beispiel gemacht Codepen der Text sollte immer an gleicher Stelle bleiben. Beim Browser (Zoom) 100% kein Problem, so größer der Zoomfaktor um so weiter verschiebt sich der Text nach rechts. Hat dies überhaupt noch etwas mit box-sizing zutun?

In deinem Beispiel hat es nichts mit Box-Sizing zu tun. Das könnte es aber, wenn du andere Eigenschaften als text-indent manipulieren würdest, z.B. margin oder padding.

Du legst für div.inhalt einen Wert von 15em für text-indent fest. Wird nun die Schriftgröße skaliert, ändert sich mit ihr auch der von ihr abhängige Wert der Einrückung. Das liegt daran, dass du eine Maßeinheit (em) benutzt, die direkt von der konkreten Schriftgröße abhängig ist. Die Einrückung wächst oder schrumpft also proportional zur aktuellen Schriftgröße.

Wenn du eine von der Schriftgröße unabhängige, immer gleiche Einrückung benutzen willst, musst du eine passende Einheit verwenden. Tatsächlich kannst du hier px verwenden, es ginge auch rem, eine Einheit, die zwar von der im Browser festgelegten Schriftgröße abhängig ist, also in verschiedenen Browsern einen verschiedenen Wert haben kann, die sich aber beim zoomen einer Seite in einem Browser nicht verändert.

Tschö, Auge