Question

如果有人可以帮助，我需要帮助。我的flex-wrap属性无法在手机屏幕上使用，但是当我缩小浏览器宽度时，它可以正常工作。切换设备工具栏不允许wrap属性工作。对于即将进行的项目及其重要意义，我需要它。请帮助我（请参阅我上传的附件屏幕快照网址）

https://ibb.co/e1nBbo https://ibb.co/mSYjwo

这是我的代码：

body {
  margin: 0;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
}

.item1 {
  background-color: red;
  flex-grow: 1;
  min-height: 100px;
  flex-basis: 200px;
}

.item2 {
  background-color: yellow;
  flex-grow: 1;
  min-height: 100px;
  flex-basis: 200px;
}

.item3 {
  background-color: green;
  flex-grow: 1;
  min-height: 100px;
  flex-basis: 200px;
}

<div class="flex-container">
  <div class="item1">First Box</div>
  <div class="item2">Second Box</div>
  <div class="item3">Third Box</div>
</div>

Answer 1

您需要添加 <meta name="viewport" content="width=device-width, initial-scale=1">在您的HTML <head>上。

flex-wrap属性在手机屏幕上不起作用

1 个答案: