Beispiel:Viewport-Units-1.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!doctype html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Viewport-Einheiten - 1</title>

<style>

.child { 

 width: 50vw;
 height: 50vh;
 background: steelblue;
 display: grid;
 place-items: center;
 color: white;

}

body { 

 font-family: sans-serif;
 margin: 2rem;

}

</style> </head>

<body>

Viewport-Einheiten - 1

eine Box …

… mit wenig Inhalt!

.child {
  width: 50vw;
  height: 50vh;
}

</body> </html>

Abgerufen am 10.07.2026
von "http://wiki.selfhtml.org/wiki/Beispiel:Viewport-Units-1.html"