【发布时间】：2015-02-08 20:26:36
【问题描述】：
我正在尝试实现两个面板网站，它可以响应所有屏幕尺寸，类似于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" )
【问题讨论】：
-
你在使用 Bootstrap 吗？
-
是的，我正在使用 Bootstrap。
-
你提到的网站使用了下面的jQuery插件fullPage.js
-
谢谢拉米斯。那么该插件同时处理响应式屏幕和滚动？
标签： html css twitter-bootstrap pug