CSS - Die Schriftgröße je nach Fensterbreite automatisch anpassen
Mit der CSS-Angabe:
font-size: clamp(1rem,
1.5vw, 2rem);
kann die Schriftgröße je nach Fensterbreite automatisch angepasst werden.
Die erste Angabe 1rem ist die kleinste Wert,
1.5vw ist der Mittelwert
und 2rem ist der größte Wert.
Beispiele
<div style="font-size: clamp(1rem, 1.5vw, 2rem);">Text</div>
Die Schriftgröße dieses Textes hängt von der Basisschriftart der Seite und der Größe des Ansichtsfensters ab.
<div style="font-size: clamp(1.5rem, 2vw, 2.5rem);">Text</div>
Die Schriftgröße dieses Textes hängt von der Basisschriftart der Seite und der Größe des Ansichtsfensters ab.
<div style="font-size: clamp(1rem, 5vw, 2rem);">Text</div>
Die Schriftgröße dieses Textes hängt von der Basisschriftart der Seite und der Größe des Ansichtsfensters ab.
<div style="font-size: clamp(0.5rem, 2.5vw, 5rem);">Text</div>
Die Schriftgröße dieses Textes hängt von der Basisschriftart der Seite und der Größe des Ansichtsfensters ab.
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<em> Emphatischer Ausdruck
CSS - Aufzählungslisten einfärben
PHP - Copyright-Hinweis immer aktuell
JavaScript - Die Wahl einer Auswahlliste speichern und auslesen