Jquery 100%固定高度的Div

因此，我试图得到一个div来覆盖窗口的100%高度，这很简单，但我不希望它在调整浏览器大小时调整大小。我不能使用固定高度，例如-height:900px，因为它在浏览器和正在使用的设备之间会有所不同。我已尝试使用以下jquery：

$(document).ready(function() {
    var screenHeight = $(window).height();
    $('#home').css('height', screenHeight + 'px');
});

这在一定程度上是可行的，但问题是，如果在浏览器未全屏的情况下访问站点，它会将其设置为该高度，然后不会变大，我需要将其设置为浏览器的高度，如果浏览器最大化，这可能吗

您可以看到我目前的内容：-尝试用不同的浏览器高度刷新页面，然后调整大小以了解我的意思。

使用

$（窗口）。调整大小

每当浏览器高度更改时，它都会更新选择器

试试这个

<script type='text/javascript'>

$(function(){
    var iniHeight = $(window).height();
    $('#home').css('height', iniHeight + 'px');
    $(window).resize(function(){
    var newHeight = $(window).height();
    $('#home').css('height', newHeight + 'px');
    });
});
</script>

$（函数（）{
var iniHeight=$（window.height（）；
$（'#home'）.css（'height'，iniHeight+'px'）；
$（窗口）。调整大小（函数（）{
var newHeight=$（window.height（）；
$（'#home'）.css（'height'，newHeight+'px'）；
});
});

尝试使用like

您可以使用或（获取屏幕分辨率而不是浏览器视口）：

---

这是最好的答案。所有其他人都忽略了OP不希望屏幕随窗口一起调整大小的事实，只有initially@ChenAsraf`如果在浏览器未全屏的情况下访问站点，它会将其设置为该高度，然后不会变大`这行的含义是什么请注意，

screen

在使用多个屏幕时仅引用主屏幕，而不必引用当前屏幕，并且存在一些问题，浏览器浏览器chrome等等，这就是为什么它几乎从未出现过used@SridharR意味着使用

$（窗口）。resize（…）

稍后将调整窗口大小，OP希望它具有一个初始大小，就是它。或者我可以问一下，为什么你需要在屏幕高度一劳永逸的DIV？对我来说，使用自动属性作为宽度似乎是件奇怪的事情，我想它会的help@ChenAsraf如果你看这里的页面，你会发现我使用一个页面来满足我的所有需要，而不是从一页到另一页，你只需要上下发送到各个部分，我需要将第一个部分设置为100%高度，因为如果你调整浏览器高度，第一部分中的图像对于我正在做的布局来说太小了，我需要图像高度保持在100%，以及我将要添加的文本。

$(document).ready(function() {
    var screenHeight = $(window).height();
    $('#home').css('height', screenHeight + 'px');
    $(window).resize(function(){ // change home height on window resize event
       $('#home').css('height', $(this).height()+ 'px');
    });
});