Primero decir que en el foro de Diseño Web no tengo la respuesta, hay respuestas, pero no la respuesta. Segundo, para algo se hacen los temas en un foro, digo yo que no todos visitamos todas las secciones del foro, y quizá los que entran en la sección "html" puedan darme una respuesta o enfoque distinto de los que entran a "Diseño web", puede ser que muchos entren en ambos, pero no tiene por qué.
Y tercero, gracias a
furoya y a
kaninox lo he solucionado, por cierto, uno en el foro de html y otro en diseño web.
Gracias!
Solución:
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.