CSS/jQuery:将项目放在窗口高度会导致布局问题

目前我使用jQuery来定位一些相对于窗口大小的元素。虽然如果窗口是全尺寸的，这是完美的，但如果我打开了调试器或一个较短的窗口，则产生的布局是不正确的。

Q： 是否有相对于最大可能窗口高度而不是当前窗口高度放置东西的方法？

jQuery

var navbarHeight = parseInt($(".navbar").css("height"));
$("#home-part-1").css("height", $(window).innerHeight() - navbarHeight);
$("#home-part-2").css("height", $(window).innerHeight());
$("#home-part-3").css("height", $(window).innerHeight());
$("#divider-1").css("top", $(window).innerHeight() - navbarHeight);
$("#divider-2").css("top", (2 * $(window).innerHeight()) - navbarHeight);