相对于窗口大小调整内容的 JavaScript 大小

Question

我希望我的内容具有高度 = 窗口.高度（） 的最大化窗口。 当窗口未最大化时，如何获取最大化窗口的 window.height（）？ 当我使用screen.availheight时，我的内容在Chrome底部被截断。

Answer 1

使用函数在调整浏览器大小时调整内容窗口的大小...

function resize() {
    var ht;
           var objDiv = document.getElementById("[YOUR DIV]");
           if (typeof window.innerHeight != 'undefined') {
            ht = window.innerHeight
           } else if (typeof document.documentElement != 'undefined' && typeof  document.documentElement.clientHeight != 'undefined' && document.documentElement.clientHeight != 0) {
        ht = document.documentElement.clientHeight
    }
           objDiv.style.height = (ht - 100) + 'px';
           return objDiv;
}

然后在某个地方称呼它...

onresize="resize();