CSS3
CSS3 bringt die neuen Maßeinheiten für font-size »vw« und »vh« in Umlauf. vw und vh passen Schriftgrößen an den Viewport des Geräts oder die Größe des Browserfensters an.
- 1vw 1% der Breite des Viewports
- 1vh 1% der Höhe des Viewports
- 1vmin ist der kleinere Wert von 1vw und 1vh (»vm« in IE9, in IE10 dann lt. Standard)
Für ältere Browser gibt es ein schlicht gestricktes Fallback
[CSS]
body {
font-size: 100%;
font-size: 5vw;
}
[/CSS]
body { font-size : 100% ; font-size : 5 vw; } |
Quelle : https://www.mediaevent.de/schriftgroessen-immer-ein-griff-ins-wespennest/
[CSS]
header nav li a{
box-shadow: -10px -10px 25px #723;
border-radius: 20px 30px 5px 5px;
background: #702;
}
[/css]