如何改变舞台画布的父div风格？

Question

kineticjs 生成一个div容器来包装舞台画布。但它将此div的显示属性设置为display:inline-block。

我希望画布全屏显示，浏览器中没有滚动条。但是对于display: inline-block，总会显示滚动条。

如果我可以将显示设置为自动，滚动条将消失。

有没有办法为 kineticjs 生成的div设置css样式？

提前致谢！

Answer 1

几周前，我有同样的问题。我也不希望滚动条可见，因为我的画布总是缩放到全屏。我通过将完整的html / body设置为overflow:hidden;

来解决这个问题

完整html, body的CSS：

html, body{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px;
    overflow: hidden;
}

要在全屏设置div，您只需将其宽度和高度设置为100％：

#container{
    width: 100%;
    height: 100%;
}

最后但并非最不重要的是，将舞台的宽度和高度设置为：

width: window.innerWidth,
height: window.innerHeight

我希望这能以某种方式解决你的问题：）