javascript - 将 div 调整为浏览器窗口的高度和宽度

Question

我正在制作一个具有大型背景设计的网站，但我无法理解一些事情。
让我解释一下我想看什么。我的网站看起来几乎像这个网站 http://www.deepend.com.au/-/website-development-fox8
1. 用户加载页面
2. 我页面中每个 div 的高度都变得与浏览器窗口的高度相同并且保持这样，因此您在我的页面中滚动变得更加合乎逻辑。

所以我的问题是:CSS 中是否有可以获取用户浏览器窗口的属性？或者我应该使用 JavaScript？如果是 JavaScript，是否有任何 jQuery 插件可以简化我的工作？
感谢您的关注。

Answer 1

它只是一个巨大的图像，设置为 div 的背景并在 css 中设置为“封面”，这意味着它的宽度根据其纵横比决定其高度。

http://jsfiddle.net/f9yy8/4/

演示:http://jsfiddle.net/f9yy8/4/embedded/result/

* { padding: 0; margin: 0; overflow:hidden;}
html, body { height: 100%;}
.txt { 
    background-image: url("http://elstika.com/images/2013/09/Pink-Tulips-Bouquet-Huge-Hd-Wallpaper.jpg");
    background-repeat:no-repeat;
    background-size: cover;
    height: 100%;
    color:white;
    padding: 30px;
}