jquery - div 精确高度作为窗口高度

Question

div 的高度必须与使用 jquery 的访问者的屏幕高度 (100%) 完全相同。

查询：

$(document).ready(function(){
    var height = $(window).height();
    $('.bg').height(height);
});

一个非常简单的代码，但对我不起作用。

我也试过（同样的结果）：

$(document).ready(function(){
    var height = $(window).height();
    $('.bg').css('height', height);
});

score 4 · Accepted Answer

它给了它 100% 的窗口高度，但是你的 html，body 也有浏览器本身的默认边距/填充，你必须将它们重置为没有

html,body {
    padding:0px;
    margin:0px;    
}

但是，如果您希望它在调整窗口大小等时始终具有高度，您还需要将 html/body 设置为 100% 高度，并将 div 设置为 100% 高度

html,body {
    padding:0px;
    margin:0px; 
    height:100%;
}
.bg {
    background-color: #333;
    width: 100px;
    height:100%;
}

score 0 · Accepted Answer

0

尝试这个：

小提琴在这里：http: //jsfiddle.net/k7b2y/6/

body {
    margin:0 auto;
}

于 2013-09-21T17:37:08.703 回答

score 0 · Accepted Answer

0

body {padding:0px;margin:0px;}
.bg {width: 100%;height:100%;}

于 2013-09-21T17:58:17.527 回答

3 回答 3