css - 还有另一种方法来调整Blockly工作区的大小吗？

我正在尝试在div中适应我的Blockly workspace。我希望如果页面变小，则div和其中的Blockly workspace也将变小。

我知道Google在其documentation中提供了一种方法，但是我认为它有点“脏”，您必须使用大量代码来调整其大小。

在查看Google Chrome的调试器时，我看到可以将max-height设置为svg对象，但是当您注入工作空间时，我不知道如何更改该height：

var workspace = Blockly.inject('blocklyDiv',
    {toolbox: document.getElementById('toolbox')});

无论如何，它根本无法解决我的问题（只是避免在调整页面大小之前，工作空间将大于div）。

我还尝试将将blocklyDiv注入到Blockly workspace的display: flex;更改，但是它没有任何改变。

是否有比Google's示例更好的方法来调整Blockly workspace的大小？

提前致谢！

最佳答案

正如我在上面的评论中所说，我允许在调整块状div中的高度的同时调整宽度。

<div id="blocklyDiv" style="height: 800px; width: 100%;"></div>

在这里，您可以使用JSFiddle：
blockly workspace resizing。