css多卡片自适应屏幕尺寸
<div class="gridBody">
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<div class="div4"></div>
<div class="div5"></div>
</div>
.gridBody {
background: skyblue;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-template-rows: 300px;
grid-auto-rows: 300px;
grid-gap: 20px 20px;
}