javascript - 如果元素必须换行，则将 flexbox 子元素的宽度扩大到 100% - jquery 或 javascript？

Question

每次我必须让 flexbox 响应时，我都必须使用 @media 屏幕。

有没有更聪明的方法来使用 jQuery 或 JavaScript，如果一个元素已经包裹（由于降低屏幕尺寸、从移动设备查看等），它变成width: 100%并且没有左边距或右边距？

在桌面视图中，我有一个使用 flexbox 的网格布局，并为子 div 分配了较小的宽度，并在它们之间分配了一些边距：

<div class="flexbox">
  <div></div>
  <div></div>
  <div></div>
</div>

.flexbox {
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  width:100%:
}

.flexbox div {
  width:30%;
  min-width:300px;
  height:300px;
  background:green;
}

.flexbox div:not(:first-child) {
  margin-left:5%;
}

标签： javascriptjquerycssflexbox