如何在智能手机上显示相邻的两个div？

<div class="container">
  <div class="div1">Div 1</div>
  <div class="div2">Div 2</div>
</div>

.container {
  display: flex;
}

.div1, .div2 {
  flex: 1;
}

<div class="container">
  <div class="div1">Div 1</div>
  <div class="div2">Div 2</div>
</div>

.container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 将父容器分为两列 */
}

.div1 {
  grid-column-start: 1; /* 第一列 */
  grid-column-end: 2; /* 第二列 */
}

.div2 {
  grid-column-start: 2; /* 第二列 */
  grid-column-end: 3; /* 第三列 */
}