Div divisioni totali altezza vista solo css no js ... Possibile?

Question

Ok, sto cercando di ottenere un div in scala e l'altezza è sempre l'altezza della finestra. Ho intenzione di collegare i miei esempi in quanto ha bisogno di spiegazioni.

www.madmediablitz.com/tv/precentdemo.html

Il link qui sopra è il più vicino Sono venuto a una soluzione e spero che qualcuno qui troverà semplice da risolvere. Quello che voglio succedere è che la tv sia sempre l'altezza del viewport (in una certa misura, altezza minima: ~ 400px; altezza massima: ~ 700px;). Il codice che ho usato lì si basa su http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/.

www.madmediablitz.com/tv/precentdemo_alt.html

Questo è quello che non voglio che accada. Se ridimensioni la tua finestra, vedrai che non si ridimensiona proporzionalmente.

Ho provato entrambi per circa 2 giorni e non sono riuscito a farlo funzionare. Sto letteralmente pregando per avere aiuto, perché penso che non sia troppo complicato.

Answer 1

html, body { 
    height: 100%; 
} 

Leggi articolo this.

Answer 2

È possibile utilizzare il posizionamento assoluto in un modo abbastanza sorprendente suppongo:

div#element { 
    position: relative; 
} 

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

Un browser compatibile dovrebbe cercare di rispettare sia la parte superiore e inferiore delle direttive, in realtà la gestione di una piena altezza.

Answer 3

Si prega di vedere questo: 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; 
} 

Questo è tutto.