如何相应地调整/缩放不均匀的多点Bokeh（1.2.0）布局？

Question

我正在尝试响应地扩展bokeh服务器应用程序。问题是它的大小不合适，即需要在某些分辨率（以及不同的设备，如手机\平板电脑）上设置滚动条，我希望消除这些分辨率。这是非常困难的，因为我有一个不同大小和div（我非常希望保持他们的纵横比和关系位置）的数字组合。你知道吗

我试过所有的方法，包括所有的大小调整模式选项的组合，还有一个模板\索引.html（基于索引.htmlhere它嵌入根并包含content=“width=device width，初始比例=1.0“或宽度：宽度：X%参数，可能是因为容器中的大小是固定的？）而未应用该参数。这个应用程序相当大，但我在下面提供了一段代码。你知道吗

fig1 = figure(plot_height=fig1_height,
              plot_width=fig1_width,...,)
fig2 = figure(plot_height=fig2_height,
              plot_width=fig2_width,...,)
.
fig5 = figure(plot_height=fig5_height,
              plot_width=fig5_width,...,)

div1 = Div(text=open(os.path....).read(),
           height= div1_height,width = div1_width)
div2 = Div(text=open(os.path....).read(),
           height= div2_height, width = div2_width)
.
div6 = Div(text=open(os.path....).read(),
           height= div6_height, width = div6_width)

controls = [widget1, widget2, widget3, widget4]

layout_1 = layout(column(row(column(div1, *controls, div2, fig1),
                  column(fig3, row(div3, figure3, widget5)),
                  column(fig4, fig5),
                  sizing_mode="scale_width")))
tab_1 = Panel(child=layout_1, title='Tab 1')
layout_2 = layout(row(column(div1, div4, div5), div3, div6),
                  sizing_mode='scale_width')
tab_2 = Panel(child=layout_2, title="Tab 2")
tabs = Tabs(tabs=[tab_1, tab_2])
curdoc().add_root(tabs)

我真的很想找到一种方法使这个响应（也就是说，工作，因为我理解的大小模型=拉伸\u双方\scale\u双方\scale\u宽度工作），但它是溢出（生成一个滚动条）以外的任何1080p分辨率最大化的浏览器（这是我的原型）。是否有什么明显的东西我忽略了，它阻止了布局中单个元素的纵横比被保留（即，下面的大多数高度和宽度是不同的）？I have also tried setting fig.sizing_mode on each of the Divs and Figures。我需要在这里使用引导样式模板吗？这是最具挑战性的，你的帮助将永远感激！你知道吗