javascript - 如何让元素适合屏幕？

Question

所以我正在制作一个游戏，我希望 Canvas 具有页面的完整宽度和高度。我编写了一个函数来获取页面的宽度和高度:

function getWindowSize()
{
    var width = window.innerWidth
                || document.documentElement.clientWidth 
                || document.body.clientWidth;

    var height = window.innerHeight 
                 || document.documentElement.clientHeight 
                 || document.body.clientHeight;

    return {width:width, height:height};
}

这对于获取页面大小来说效果很好。当我启动 Kinetic.Stage 对象时，麻烦就来了，我必须设置宽度和高度。当我将舞台的宽度和高度设置为 getWindowSize 返回的宽度或高度属性时，我得到了滚动条，这非常烦人，而且我必须从每个值中减去 25。

所以我要问的是:是否有任何简单的方法可以使元素肯定适合页面而不使用函数返回值的减法？
提前致谢!

Answer 1

如果您希望 Canvas 具有屏幕的整个宽度和高度，那么您可能永远不需要滚动条，所以您不能这样做:

body {
    overflow:hidden;
}

防止滚动条显示(在某些情况下，页面根本不滚动)？