我正在努力适应我的Blockly workspace在 div 内。我希望如果页面变小，div 和Blockly workspace它的内部也会更小。
我知道有一种方法可以Google在其规定的文档 https://developers.google.com/blockly/installation/injecting-resizable#positioning但我认为它有点“脏”，你必须使用大量代码来调整它的大小。
查看调试器Google Chrome我看到我可以设置一个max-height to the svg对象但我不知道如何改变它height当您注入工作区时：
var workspace = Blockly.inject('blocklyDiv',
{toolbox: document.getElementById('toolbox')});
无论如何，它根本无法解决我的问题（只是在调整页面大小之前避免工作区大于 div ）。
我也尝试改变我的blocklyDiv我在其中注入Blockly workspace to display: flex;但这并没有改变任何事情。
有没有更好的方法比Google's调整大小的示例Blockly workspace?
提前致谢！
我仅使用 CSS 来获得相同的行为......
只需为块状编辑器创建一个具有任意大小和相对位置的容器，然后将块状编辑器放入其中并设置绝对位置。
HTML 代码：
<section id="blocklyContainer">
<div id="blocklyDiv"></div>
</section>
CSS代码：
#blocklyContainer {
position: relative;
width: 100%;
height: 100vh;
}
#blocklyDiv {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
这里有一个CodePen可以看：块状调整大小 https://codepen.io/juanialt/pen/prvzom
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
