CSS 3 Schriftgröße an Bildschirmgröße anpassen

LEMEGRADESIGN | Webdesign, Onlineshop, SEO, SEA > Codesnippet  > CSS 3 Schriftgröße an Bildschirmgröße anpassen
css

CSS 3 Schriftgröße an Bildschirmgröße anpassen

Mit CSS3 habt ihr die Möglichkeit einige neue Werte zu nutzen, damit eure Schriftgrößen relativ zum Viewport (Browsergröße) sind. Ihr könnt folgende Werte nutzen:

vw, vh, vmin, vmax

Warum ist es so wichtig?

Es gibt viele Gründe, warum genau dieses so wichtig ist. Hier meine zwei wichtigsten:

  1. Ihr müsst mit euren Websiten flexibel sein. Eine Website für alle Endgeräte.
  2. Die optimale Schriftgröße abhängig vom Bildschirm / Viewport

Wie funktioniert es?

Der Wert der vier Eigenschaften (vw, vh, vmin, vmax) ist abhängig vom Viewport (Viewport = Browser Fenster Größe = Window / Fenster Objekt) und wird in Prozent angegeben. Ist also der Viewport 50 cm breit, sind 1vw = 0,5 cm.

Spielt etwas mit den Werten, um für euch das optimale Ergebnis zu erzielen.

Wie nutze ich es?

lemegra