grid auto-fill 与动态列宽

• father::网格布局
• CSS
• beused::响应式 网格布局

要点

• repeat(auto-fill, minmax(min, max))：优先用最小列宽塞满；若有剩余空间，均匀放大至最大上限。

注意

• 它会预留空位，它并不会像弹性布局一样拉伸item
  • 示例：并不会因为只有三个而导致三个平分空间，而是预留空位
  • 这点与auto-fit不同

示例

• grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));