响应高度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