CSS：最大宽度为flex：1

Question

我有一个display: flex;的容器。里面有两列，一列是固定宽度的，另一列是可调整大小的面板（像JS小提琴一样，可以拖动来改变宽度）。

我为调整大小的组件设置flex: 1;以占用所有剩余空格，但是，由于它是可拖动的，它的宽度现在可以增加到屏幕的100％以上，并且浏览器中有一个水平滚动条。

所以我想限制可拖动组件的宽度，不要超过整个屏幕（滚动条不应该出现）。

也就是说，我想要像max-width: 'flex: 1'这样的东西。我怎么能这样做？