Flex容器使我的div不能转到下一行

Question

我是Flex容器的新手，但我正在尝试创建一个带有辩解的容器：围绕空间，并在其中包含一些div。如果屏幕太小，则内部div应该间隔到下一行，但是内部div固执地停留在同一行上，并且只是怪异地调整其宽度。

.container{
  display: flex;
  justify-content: space-around;
}
.inner-div{
  width: 40%;
  display: inline-block;
}

[您会考虑如果我在容器中有三个内部div，考虑到它们都具有宽度，则第三个将转到下一行：40％，但相反，它们保持在同一行上并挤压第一行，然后第二分区

Answer 1

为达到这一目的，我建议您使用媒体查询而不是flex，这样您就可以控制不同的分辨率/设备大小。