css - 如何改变舞台画布父div的样式？

Question

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

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

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

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

提前致谢！

score 0 · Accepted Answer

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

我的完整CSS html, body：

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

我希望这可以以某种方式解决您的问题:)

1 回答 1