首页 > 解决方案 > 如何为我的 CSS Grid 设置最大自动填充轨道大小

问题描述

我有一个具有以下样式的网格。

.container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

当屏幕太小时它工作得很好,但是当屏幕太大时它看起来很时髦,因为它auto-fill只是填满了轨道。有没有办法设置最大自动填充,以便在单个轨道中只显示一定数量的单元格?

标签: htmlcsscss-grid

解决方案


推荐阅读