No estoy encontrando la manera de fijar un div al tamaño de ventana.
El html:
Código HTML:
<body>
<div id="windowDiv">
<div id="workspace">
<!-- contenido -->
</div>
</div>
</body>
"workspace" es mucho más grande que "windowDiv", y "windowDiv" sirve para mostrar solo una parte del contenido de este. "workspace" será móvil para panear por el contenido.
El css:
Código:
#windowDiv {
top: 0px;
left: 0px;
border: 3px solid;
overflow-x: hidden;
overflow-y: hidden;
}
#workspace {
top: -300px;
left: -500px;
width: 5000px;
height: 5000px;
position: relative;
}
Lo importante es que "windowsDiv" se mantenga del tamaño de la ventana independientemente de:
que la ventana cambie su tamaño,
del tamaño de "workspace",
del zoom||tamaño de texto del navegador.
Las dos primeras las sé arreglar con javascript, pero tal vez haya una forma más adecuada con css. La tercera es la más difícil, ya que por lo que leí no hay un evento que dispare cuando se zoomea, y debería hacerse por medidas indirectas.