拜托，我的CSS 網格定位有一個小問題。我有四列auto-fit財產。例如，如果我的顯示器寬度大于 1376px，則沒有問題（在移動設備中也沒有問題，因為這樣我每行僅顯示一個項目 - 如您所知，像素比例不同）。但我對寬度為 1024px 的顯示器有問題，例如然后我顯示 3 個項目，在第二行中我只有最后一個項目，看起來非常糟糕。HML 片段<div class="content">    <div class="grid-box">         <div class="grid-box-icon"><i class="fa fa-hands-wash"></i></div>        <h2>Wash your hands</h2>    </div>    <div class="grid-box">        <div class="grid-box-icon"><i class="fa fa-head-side-mask"></i></div>        <h2>Cover your face</h2>    </div>    <div class="grid-box">        <div class="grid-box-icon"><i class="fa fa-people-arrows"></i></div>        <h2>Social distance</h2>    </div>    <div class="grid-box">        <div class="grid-box-icon"><i class="fa fa-spray-can"></i></div>        <h2>Sanitize common items</h2>    </div></div>還有我的 css 片段.content {    display: grid;    grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );    min-height: calc(50vh - 20pt);}.grid-box {    margin: 10pt;    padding: 20pt 10pt 0pt 20pt;    text-align: center;    background-color: rgba($color: #ccddcc, $alpha: 0.6);    border-radius: 30px;    border: 1px solid black;}我想要的結果是僅以雙胞胎的形式顯示。第一列中沒有 3 個項目，第二列中沒有 3 個項目。僅一行中的所有 4 個項目，或者監視器小于第一行上的 2 個項目和第二行上的 2 個項目。請問可以不使用media-querycss嗎？是的。我知道這是可能的，media-query但我相信 CSS Grid 很聰明，可以在不使用它的情況下解決它。謝謝。