jquery - 固定高度为 100% 的 Div

Question

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

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

这在一定程度上有效，但问题是，如果在浏览器未全屏显示时访问网站，它会将其设置为该高度，然后不会变大，我需要将其设置为该高度如果浏览器最大化，是否可能？

您可以在以下位置查看我目前拥有的内容:http://zimxtrial.ukbigbuy.com/ - 尝试使用不同的浏览器高度刷新页面，然后调整大小以了解我的意思。

Answer 1

你可以使用 screen.height或 screen.availHeight (获取屏幕分辨率而不是浏览器视口(viewport)):

Example