• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Stufenlose Anpassung der Textgröße (font-size) an die Größe des Medium-Screens (Viewport)

Werbung:
Im Prinzip ja... aber das sollte im Zusammenspiel mit einer @media Query passieren. Also oberhalb einer bestimmten Größe mit 'absoluten' Größe und wenn es dann kleiner wird die ViewportWidth (vw) als Bezugsgröße nehmen.
zB ... Viewport ist 500px = 100vw.
Dann entspricht eine 'font-size: 2vw'; eine Schriftgröße von 10px. Die sich dann dynamisch anpasst, wenn der Viewport kleiner wird!
 
Kleiner Zusatz noch, der der Vollständigkeit halber dient:
Es gibt noch vH: ViewportHeight.

In deinem Falle würde sich die Schriftgröße ändern, wenn die Höhe des Viewports verändert wird.
 
Werbung:
Zurück
Oben