¿Cómo llenar la altura disponible en la pantalla con el div para cualquier altura?

Quiero llenar la pantalla (ancho y alto) en cualquier tamaño con un

:

 

El

siempre debe llenar toda la pantalla en cualquier altura del monitor también en iPad, de modo que el contenido de

solo se verá después de desplazarse, no antes de eso.

Simplemente déle a su html , body & header una altura del 100%:

 html, body, header { height: 100% } 

http://jsfiddle.net/tujsj/

Puede usar la nueva y muy útil-I-can’t-imagine-what-took-W3C-long-long vh CSS unit:

 
must scroll to see this

¿Has probado usar javascript, específicamente jquery para manejar esto?

Si incluye jquery en la etiqueta de su cabeza, puede usar algo como esto:

 $(document).ready(function(){ $("#header").height($(window).height()); });