javascript - javascript 相对于窗口大小调整内容大小

Question

我希望我的内容具有最大化窗口的 height = window.height() 。当窗口未最大化时，如何获取最大化窗口的 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();