Javascript 当窗口变小时，弹性项不会收缩

我正在尝试在CSS flexbox中，将两个相邻的绘图拟合到一起。我希望它们在调整窗口大小时调整大小。当窗口变大时，它会按预期工作，但当窗口变小时，绘图不会缩小

var trace1={}；
var trace2={}；
var plotdiv1=document.getElementById（“plotdiv1”）；
var plotdiv2=document.getElementById（“plotdiv2”）；
Plotly.newPlot（plotdiv1[trace1]）；
Plotly.newPlot（plotdiv2[trace2]）；
addEventListener（“调整大小”，函数（）{
Plotly.Plots.resize（plotdiv1）；
Plotly.Plots.resize（plotdiv2）；
});
.plot div{
最大宽度：100%；
}
.plot col{
弹性：0.50%；
}
.我的集装箱{
显示器：flex；
弯曲方向：行；
柔性包装：包装；
宽度：100%；
身高：100%；
}
弹性物品的初始设置为
最小宽度：自动
。这意味着默认情况下，flex项不能小于其内容

您可以使用
minwidth:0
或
overflow
以外的任何值覆盖此设置。将此添加到您的代码中：

.plot-col {
    min-width: 0;
}


更多信息：
…这样就结束了45分钟的头撞桌子的过程。非常感谢！这是一个艰难的时刻；谢谢你的帮助谢谢帮了我几个小时的忙@哈米德对我来说太晚了。我现在秃顶了这很重要他们应该把它写在医生的第一行