Schrift eine Stufe kleiner: -2px an der fluiden Wurzel (v=168)
User: "verkleinere alle Schriftarten um 1em".
Woertlich waere 1em = 100 % der Schriftgroesse, also null. Gemeint ist eine
Stufe -- genommen wurden -2px, exakt der Schritt, in dem die Groesse am 24.07.
zweimal HOCHgesetzt wurde. Das Handy landet damit auf dem Zwischenstand von
damals (~16px statt ~18px).
html { font-size: clamp(15px, 14px + 0.5vw, 22px); } (war 17/16/24)
Fenster v=167 v=168
390px 17,95px 15,95px
768px 19,84px 17,84px
1440px 23,20px 21,20px
ab 1600 24,00px 22,00px
Das war eine EINZIGE Zeile. Die 96 rem-Werte bleiben unberuehrt, alle
Groessenverhaeltnisse untereinander auch -- genau dafuer wurde heute frueh
umgestellt. Der Bump am 24.07. musste noch 96 Einzelwerte anfassen und
uebersah dabei drei Shorthands.
Ausgeliefert verifiziert: Wurzel = clamp(15px, 14px + 0.5vw, 22px),
93 rem-Werte, 0 px-Schriftgroessen, HTML zieht v=168, Klammern ausgeglichen.
Zurueck auf die 18er-Basis: clamp(17px, 16px + 0.5vw, 24px) -- eine Stufe
entspricht 2px in Minimum und Steigungs-Basis, der Deckel wandert mit.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5
parent
01916134be
commit
95521d041c
+15
-7
@@ -21,16 +21,24 @@ html,/* ════════════════════════
|
||||
ELTERNelement und skaliert NICHT mit dem Fenster — verschachtelt
|
||||
multipliziert es sich sogar (h2 mit 1,2em in einer Karte mit 1,1em
|
||||
landet bei 1,32x). `rem` haengt dagegen an genau EINER Stellschraube.
|
||||
⚠ Der Anker ist bewusst so gewaehlt, dass ein Handy (~390px) weiterhin
|
||||
~18px bekommt — exakt der Stand, den der User am 24.07. zweimal von
|
||||
Hand hochgesetzt hat. Es wird also nichts kleiner, nur groesser:
|
||||
390px -> 17,95px · 800px -> 20px · 1440px -> 23,2px · ab 1600px -> 24px
|
||||
⚠ EINE STUFE KLEINER (2026-08-13 nachmittags, User: "verkleinere alle
|
||||
Schriftarten um 1em"). Woertlich waere 1em = 100 % = null, gemeint ist
|
||||
also eine Stufe: -2px, exakt der Schritt, in dem die Groesse am 24.07.
|
||||
zweimal HOCHgesetzt wurde. Am Handy damit ~16px statt ~18px.
|
||||
390px -> 15,95px · 800px -> 18px · 1440px -> 21,2px · ab 1600px -> 22px
|
||||
(davor: clamp(17px, 16px + 0.5vw, 24px) = 17,95 / 20 / 23,2 / 24)
|
||||
➜ GROESSE GLOBAL AENDERN = NUR DIESE EINE ZEILE. Die 96 rem-Werte bleiben
|
||||
unberuehrt, alle Groessenverhaeltnisse untereinander auch. Eine Stufe
|
||||
entspricht 2px in den beiden Zahlen (Minimum und Steigungs-Basis), der
|
||||
Deckel wandert mit.
|
||||
⚠ ABSTAENDE bleiben in px. Sie mitzuskalieren waere ein weit groesserer
|
||||
Eingriff (Grid, Karten, Trade-Leiste) und kann Layouts kippen — die
|
||||
Anfrage betraf die Schrift.
|
||||
Zurueck: `web/style.css.bak-2026-08-13`.
|
||||
Anfrage betraf die Schrift. Folge: die Schrift sitzt jetzt etwas
|
||||
lockerer in den unveraenderten Polstern.
|
||||
Zurueck auf 18px-Basis: clamp(17px, 16px + 0.5vw, 24px).
|
||||
Zurueck auf die alte px-Fassung ganz: `web/style.css.bak-2026-08-13`.
|
||||
══════════════════════════════════════════════════════════════════════ */
|
||||
html { font-size: clamp(17px, 16px + 0.5vw, 24px); }
|
||||
html { font-size: clamp(15px, 14px + 0.5vw, 22px); }
|
||||
|
||||
body{margin:0;padding:0}
|
||||
body{
|
||||
|
||||
Reference in New Issue
Block a user