Escala de altura de visualización completa div solo css no js ... ¿Posible?

Question

Ok, estoy tratando de obtener un div para escalar y la altura siempre es la altura de la ventana gráfica. Voy a vincular a mis ejemplos, ya que necesita algunas explicaciones.

www.madmediablitz.com/tv/precentdemo.html

El enlace anterior es el más cercano que he llegado a una solución y estoy esperando que alguien aquí le resultará sencillo de solucionar. Lo que quiero que suceda es que la televisión sea siempre la altura de la ventana gráfica (hasta cierto punto, min-height: ~ 400px; max-height: ~ 700px;). El código que utilicé está basado en http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/.

www.madmediablitz.com/tv/precentdemo_alt.html

Ésta es Lo que no quiero que suceda. SI cambia el tamaño de su ventana, verá que no escala proporcionalmente.

He estado probando ambos durante aproximadamente 2 días y no he podido hacerlo funcionar. Estoy literalmente orando por ayuda, ya que creo, esto no es demasiado complicado.

Answer 1

html, body { 
    height: 100%; 
} 

Leer this artículo.

Answer 2

Usted puede utilizar el posicionamiento absoluto de una manera bastante sorprendente conjeturo:

div#element { 
    position: relative; 
} 

img.vertical { 
    position: absolute; 
    top: 0; // no need for px or em 
    bottom: 0; 
} 

un navegador compatible debe tratar de respetar la parte superior e inferior directivas, en realidad la gestión de una altura total.

Answer 3

favor ver esto: http://stanhub.com/how-to-make-div-element-100-height-of-browser-window-using-css-only/

<div id="welcome"> 
    your content on screen 1 
</div> 

<div id="projects"> 
    your content on screen 2 
</div> 
div#welcome { 
    height: 100vh; 
    background: black; 
} 

div#projects { 
    height: 100vh; 
    background: yellow; 
} 

Eso es todo.