Каждый раз, когда мне нужно адаптировать flexbox, я вынужден использовать экран @media и ... CSS и такие команды стали значительным количеством всего моего CSS. Есть ли более умный способ сделать это с помощью jquery или javascript, где, если элемент обернут (из-за уменьшения размера экрана, просмотра с мобильного и т. Д.), Он становится шириной: 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%;
}