Testseite Codesnips

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: 5vw; }

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]