@@Gerhard
Warum kommt vor den clamp-Angaben jeweils noch eine feste Wertangabe, z.B.
font-size: 1.2em; font-size: clamp(1em, 3vw, 1.2em);
Die zweite Angabe überschreibt die erste – in modernen Browsern.
Alte Browser, die clamp() noch nicht kennen, ignorieren die zweite Angabe und verwenden die erste.
Wenn du sicher bist, dass so ziemlich jeder in deiner Zielgruppe einen Browser verwendet, der clamp() kennt, kannst du die erste Angabe weglassen.
Und wenn es auch in alten Browsern ohne die erste Angabe ansehnlich ist, dann auch.
Im :root ist line-height 1.5em, in h1 1.1em definiert. Also bei großer Schrift (h1) kleinerer Wert als bei übrigen Texten?
Genau. 1.5em Zeilenabstand wäre für große Schrift bei Überschriften viel zu viel. Außerdem sind Überschriften selten länger als zweizeilig. Dann hat die erste Zeile Luft nach oben und die zweite Luft nach unten, sodass die Überschrift gut lesbar ist.
Und überschreibt in h1 der Wert 1.1 nicht den Wert initial?
Die Frage verstehe ich nicht. Ist sie mit dem oben Gesagten bereits geklärt?
🖖 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