支持最小大小minmax（）

Question

我正在开发一个使用CSS网格列出任务的任务网站。问题是，如果赞成较小的值，则每行可以容纳更多任务时，可用任务将填满minmax（）的最大值。 （我希望任务尽可能紧凑。如果最大值为1fr，我可以这样做，但是我需要限制项目的宽度。

HTML

<div id = "wrap">
  <div class = "item">
       <p>Lorem ipsum</p>
  </div>
    <div class = "item">
       <p>Lorem ipsum</p>
  </div>
    <div class = "item">
       <p>Lorem ipsum</p>
  </div>
    <div class = "item">
       <p>Lorem ipsum</p>
  </div>
    <div class = "item">
       <p>Lorem ipsum</p>
  </div>
</div>

CSS

#wrap {
  display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 500px));
  grid-gap: 25px
}

.item {
  background-color: blue;
}

Codepen