Question

任何人都可以告诉我如何在浏览器最大化时获得最大可用高度。不是屏幕，avilHeight或document.height。

<script type="text/javascript">
    document.getElementById("wrapper").style.height=screen.availHeight + "px";
</script>

对于我的分辨率（1366x768）屏幕，avilHeight或document.height返回728px这是浏览器高度，但我只想要最大文档高度。

Answer 1

function resolution()
{
        var width = window.innerWidth || html.clientWidth  || body.clientWidth  ||  screen.availWidth;
        var height = window.innerHeight || html.clientHeight  || body.clientHeight  || screen.availHeight;
        res = {};   
        res.x = width;
        res.y = height;
        return res;
}

Answer 2

您可以根据window.innerHeight，window.outerHeight和screen.availHeight做出假设：

var maximizedHeight = screen.availHeight - (window.outerHeight - window.innerHeight);

但是，这不是一个特别好的解决方案。如果您的内容适应任何规模，为什么不处理resize事件？如果可能的话，CSS会更好 - 情况如何？

如何在浏览器中获得最大可用文档高度？

2 个答案: