响应式CSS框

Question

我暂时没有这样做过。我只想根据以下内容检查制作盒子的方法：

• 2行
• 每行2个方框
• 100％到页面容器宽度

Answer 1

这是一个难题，2018刚刚开始，我认为我的解决方案是2016 xD，但你要求看起来像是可以用＆＃39; flex＆＃39;完成的事情。如果你真的想用flex来深入了解它，请查看post，你也可以尝试使用css网格，但我更喜欢flex。

＆＃13;

＆＃13;

.box {
  color: white;
}

.row {
  display: flex;
  flex-flow: row wrap;
}

.row div {
  flex: 50%;
  text-align: center;
}

.blue {
 background: blue;
}

.red {
  background: red;
}

＆＃13;

<div class="box">
  <div class="row red">
      <div>1</div>
      <div>2</div>
  </div>
   <div class="row blue">
      <div>3</div>
      <div>4</div>
   </div>
</div>

＆＃13;

＆＃13;

＆＃13;