Question

所以我正在制作游戏，我希望画布是页面的全宽和高度。我写了一个函数来获得宽度和宽度。页面高度：

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

如果你想让画布成为整个屏幕的宽度和高度，那么大概你不会想要滚动条，所以你不能这样做：

body {
    overflow:hidden;
}

阻止显示滚动条（在某些情况下，滚动页面完全不显示）？

Answer 2

解决办法的一种方法是使垂直滚动条始终存在，这就是我处理这类问题的方法：

html { 
    overflow-y: scroll; 
}

如何使元素适合屏幕？

2 个答案: