css flex 布局 flex：1 怎么写才能设置 最大是1

在CSS的flex布局中，`flex:1`表示元素的伸缩比例为1，即元素会根据剩余空间平均分配尽可能多的空间。如果你要设置最大值为1，可以使用`max-width: 100%`或者`max-height: 100%`来限制元素在父容器中的大小。例如：

.container {
  display: flex;
  flex-direction: row;
}

.item {
  flex: 1;
  max-width: 100%;
}

这样可以让`item`元素在父容器中的宽度不超过100%。同理，如果你要限制元素在父容器中的高度不超过100%，可以使用`max-height: 100%`。