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

MySQL - Datensatz aktualisieren

Seriöses Design
Durch das Design entscheidet der Besucher über die Seriosität und Qualität der Seite. Mit einem guten Design haben Sie schnell Pluspunkte bei den Besuchern erzielt, ebenso können Sie damit Ihre Besucher verärgern, und sie somit zu keinem weiteren Besuch bewegen können.