Tam viewport yükseklik ölçekleme div sadece css no js ... Mümkün mü?

Question

Tamam, ölçek için bir div almaya çalışıyorum ve yükseklik her zaman görünümün yüksekliğidir. Bazı açıklamalara ihtiyaç duyduğum için örneklerle bağlantı kuracağım.

www.madmediablitz.com/tv/precentdemo.html

Yukarıdaki bağlantı Bir çözüm için geldim ve burada birisi basit düzeltmek için bulacağını umuyorum en yakın zamandır. Olmak istediğim şey her zaman televizyonun viewport'un yüksekliği olması (bir dereceye kadar, min yükseklik: ~ 400px; max-height: ~ 700px;). Orada kullandığım kod http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ dayanmaktadır.

www.madmediablitz.com/tv/precentdemo_alt.html

Bu seferki ben olmasını istiyorum YAPMAYIN şeydir. Pencerenizi yeniden boyutlandırırsanız, göreceli olarak ölçeklenmediğini görürsünüz.

Şu an yaklaşık 2 gün boyunca bunları deniyorum ve işe yaramaya başlayamadım. Bence tam anlamıyla yardım için dua ediyorum, bu çok karmaşık değil.

Answer 1

html, body { 
    height: 100%; 
} 

this makalesini okuyun.

Answer 2

Benim tahmin oldukça şaşırtıcı bir şekilde mutlak konumlandırma kullanabilirsiniz:

div#element { 
    position: relative; 
} 

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

A uyumlu tarayıcı aslında tam bir yüksekliğe yönetmek, üst ve alt direktifleri hem saygı çalışmalısınız.

Answer 3

bu bakın: bu kadar 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; 
} 

.