nicht angemeldet
Gunnar Bittersmann@@Gerhard
ist es sinnvoll, die Schriftgrößen mit Media Queries an die einzelnen Viewgrößen anzupassen oder erfolgt dies automatisch in den Geräten (insbesondere in Smartphones)?
Wie schon geschrieben, sind da einige Anpassungen durchaus sinnvoll. Die müssen aber nicht mit Media-Querys[1] implementiert werden; die CSS-Funktion clamp() bietet sich dafür an. (Wenn der bevorzugte Wert groß genug ist, dass man keinen Minimalwert braucht, geht auch min().)
In diesem Beispiel hab ich das so für Schriftgrößen von Überschrift und Fließtext sowie für den Zeilenabstand beim Fließtext gemacht.
In jenem Beispiel habe ich wie oben gesagt die Schriftgröße des Fließtexts mit min() angegeben. Die Schriftgrößen der Überschriften sind Vielfache davon:
h3: Basisschriftgröße × k
h2: Basisschriftgröße × k²
h1: Basisschriftgröße × k³
wobei der Faktor k von der Viewportbreite abhängt, wie in jenem Posting beschrieben.
🖖 Live long and prosper
“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”
— Bruce Springsteen, Manchester 2025-05-14
Dem Martin fällt ein Auge aus dem Gesicht. 😆 ↩︎
Der Martin
JürgenB
Rolf B
Tabellenkalk
Auge