@@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()`](https://wiki.selfhtml.org/wiki/CSS/Funktionen/clamp()) bietet sich dafür an. (Wenn der bevorzugte Wert groß genug ist, dass man keinen Minimalwert braucht, geht auch `min()`.) In [diesem Beispiel](https://codepen.io/gunnarbittersmann/pen/JjaQWBy?editors=0100) hab ich das so für Schriftgrößen von Überschrift und Fließtext sowie für den Zeilenabstand beim Fließtext gemacht. [^1]: Dem Martin fällt ein Auge aus dem Gesicht. 😆 In [jenem Beispiel](https://codepen.io/gunnarbittersmann/pen/ogNwRRR?editors=0100) 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](https://forum.selfhtml.org/self/2025/mar/08/welche-font-size-verwendet-eine-media-query/1819118#m1819118) beschrieben. 🖖 Live long and prosper {:@en} -- *“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.”*{:@en} — Bruce Springsteen, Manchester 2025-05-14

@@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()`](https://wiki.selfhtml.org/wiki/CSS/Funktionen/clamp()) bietet sich dafür an. (Wenn der bevorzugte Wert groß genug ist, dass man keinen Minimalwert braucht, geht auch `min()`.) In [diesem Beispiel](https://codepen.io/gunnarbittersmann/pen/JjaQWBy?editors=0100) hab ich das so für Schriftgrößen von Überschrift und Fließtext sowie für den Zeilenabstand beim Fließtext gemacht. [^1]: Dem Martin fällt ein Auge aus dem Gesicht. 😆 In [jenem Beispiel](https://codepen.io/gunnarbittersmann/pen/ogNwRRR?editors=0100) habe ich wie oben gesagt die Schriftgröße des Fließtext 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](https://forum.selfhtml.org/self/2025/mar/08/welche-font-size-verwendet-eine-media-query/1819118#m1819118) beschrieben. 🖖 Live long and prosper {:@en} -- *“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.”*{:@en} — Bruce Springsteen, Manchester 2025-05-14