Javascript 如何使元素适合屏幕？

所以我在做一个游戏，我希望画布是整个页面的宽度和高度。我编写了一个函数来获取页面的宽度和高度：

这对于获得页面的大小非常有效。当我启动

Kinetic.Stage

对象时，麻烦就来了，我必须设置宽度和高度。当我将stage的width和height设置为由

getWindowSize

返回的width或height属性时，我会得到滚动条，这非常烦人，我必须从每个值中减去25。

所以我要问的是：有没有简单的方法可以确保元素适合页面，而不使用函数返回值的减法？

---

提前谢谢

如果您希望画布是屏幕的整个宽度和高度，那么您可能永远不会想要滚动条，所以您不能只执行以下操作：

body {
    overflow:hidden;
}

---

为了防止滚动条显示（在某些情况下，页面根本不会滚动）？

一种解决方法是始终显示垂直滚动条，这就是我处理此类问题的方法：

html { 
    overflow-y: scroll; 
}

---

您是否已将html/body设置为没有填充/边距？没有，只是在每个画布和div元素中添加了一个for循环，并将其填充、边框和边距更改为0，但仍然没有任何内容。唉，caramba，我想不出任何屏幕截图服务会截取画布的屏幕截图！我可以做一个你可以打开的拉链——我无法让它在JSFIDLE中工作。我将很快附加一个dropbox链接。很抱歉，没有看到出现滚动条，正如johnny的回答一样，您可以将html样式设置为

overflow:hidden以使滚动条不显示。删除其他注释以清理注释区域好吧，我的问题是如何使滚动条不显示。@Atutouato
overflow:hidden
html { 
    overflow-y: scroll; 
}