Solución con JavaScript
:
Código HTML:
Ver original<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="estilos_ej_java.css" type="text/css" /> <script language="JavaScript"> function addWidth() {
var mydiv = document.getElementById("mydiv");
var curr_height = parseInt(mydiv.style.height); // removes the "px" at the end
mydiv.style.height = (window.innerWidth * 0.2)+"px" ;
}
<body onload="addWidth()" onresize="addWidth()">
<div id="mydiv" style="width:100%" ></div>
He cambiado screen.width por window.innerWidth y he ejecutado la función tanto al cargar como al redimensionar.
Gracias!
PD: si conocéis alguna otra manera, podéis compartirla.