mi duda es como podría hacer para que un elemento(en especifico un <div>
) se adapte a un x% de altura de la pantalla, para que así independientemente del equipo donde se vea tenga el mismo efecto, algo asi como lo de la siguiente imagen
El código que pensé(El cual no tuvo el efecto que pensaba) era este:
html, body{
background-color: #1C1C1C;
}
div{
color: #FF00FF;
border-color: red;
border-style: solid;
height: 800%;
width: 60%:;
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title></title>
</head>
<body>
<div>
<p>
<i>contenido</i>
</p>
</div>
</body>
</html>
Gracias