響應高度HTML

Question

我想實現兩個小組的網站，響應所有scren大小，類似於http://hdwr.co/

但是，我無法弄清楚如何使每個部分適合屏幕。

CSS

.cover { 
width: 100%; 
height: 69.5em; 
margin: 0 auto; 
overflow: hidden; 
position: relative; 
} 

玉/ HTML：

.bangerscreen 
    img.cover.img-responsive(src="/assets/images/background.png") 
.signupscreen 
    img.cover.img-responsive(src="/assets/images/sign_up.png") 

Answer 1

使用jquery設置兩個元件的高度與外窗高度。

看看這個bootply： - http://www.bootply.com/m7iFTvjKx0