如何使用灵活的布局自动调整ui网格的宽度

Question

我试图让自动调整大小指令工作，但当容器的宽度缩小时，我有一个意想不到的行为。ui-grid没有缩小(它在展开时起作用)。

这是我的应用布局的一个插入物，以及我面临的问题：

http://plnkr.co/edit/IjV4RbEQmkJFBH5t?preview

如果我在grid类中添加一个width: 100% !important，网格就会开始不断扩展，而不会停止。

我是否必须重写自动调整大小指令，或者使用css有其他方法吗？

Answer 1

我看不到你的代码，所以不知道你想做什么。

.parent {
  display: flex;
}

.resize {
  flex: 1 1 auto;
}

在父级具有display: flex的子级上使用flex: 1 1 auto将使其自动扩展以适合父级。