html - 将高度和宽度调整为与 flexbox 相等

Question

我想创建一个和reseizes 相等的flexbox地方。目前，如果我调整窗口大小，只有框的宽度会调整大小，但是否可以同样调整大小？heightwidthheightwidth

我创建了一个小提琴：小提琴

.wrappie{
    justify-content: space-between;
    display: flex;
    font-size: 0;
    flex-wrap:wrap;
    margin:-10px 0 0 -10px;
}
.forum_content {
    display: inline-block;
    background:grey;
    margin:10px 0 0 10px;
    flex-grow: 1;
    height:250px; 
    max-width: 100%;
    width: calc(100% * (1/3) - 10px - 1px);
}

<div class="wrappie">
  <div class="forum_content"></div>
  <div class="forum_content"></div>
  <div class="forum_content"></div>
  <div class="forum_content"></div>
</div>

标签： htmlcssflexbox