如果必须包装，将flexbox子元素的宽度扩展到100％-jQuery还是JavaScript？

Question

每次我都必须使flexbox响应时，我必须使用@media屏幕，然后... CSS和这样的命令已成为我总CSS的很大一部分。有没有一种更聪明的方法来使用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%;
}