完全なビューポートの高さの倍率divちょうどCSSのjs ...可能？

Question

いいえ、私はdivをスケールしようとしています、そして、高さは常にビューポートの高さです。私はいくつかの説明が必要なので、私の例にリンクするつもりです。

www.madmediablitz.com/tv/precentdemo.html

上記のリンクは私が解決策に来ていると私はここで誰かが、それは簡単な修正するために見つけることを望んでいる最も近いです。私がしたいのは、テレビが常にビューポートの高さになることです（度合い、最小高さ：〜400px、最大高さ：〜700px）。私が使用したコードはhttp://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/に基づいています。

www.madmediablitz.com/tv/precentdemo_alt.html

この1つは私が起こるしたくないものです。ウィンドウのサイズを変更すると、比例的に拡大縮小されないことがわかります。

私は約2日間これらの両方を試みてきましたが、私はそれを動作させることができませんでした。私は文字通り私が思うように助けを祈っています、これはあまり複雑ではありません。

Answer 1

html, body { 
    height: 100%; 
} 

thisを読んでください。

Answer 2

あなたは、私が推測かなり意外な方法で絶対位置を使用することができます。

div#element { 
    position: relative; 
} 

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

対応のブラウザが実際に完全な高さを管理し、上部と下部のディレクティブの両方を尊重しようとする必要があります。

Answer 3

これを参照してください。それだけです 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; 
} 

を。