Beispiel:Viewport-Units-3.html
Aus SELFHTML-Wiki
<!doctype html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Viewport-Einheiten - 3</title>
<style>
body {
font-family: sans-serif; margin: 2rem; font-size: max(2.5vw, 1.5rem);
}
h1 {
font-size: clamp(2.5rem, 5vw, 5rem);
}
.circle {
width: 70vmin; height: 70vmin; border-radius: 50%; background: steelblue;
display: grid; place-items: center; color: white;
h2 {margin-block-end: 1rem;} pre {margin-block-start: 0;} }
</style> </head>
<body>
Viewport-Einheiten - 3
Kreis
.circle {
height: 80vmin;
}
</body> </html>
