响应式栅格布局

179 阅读1分钟

示例1

.auto-grid {
  --auto-grid-min-size: 16rem;
  
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
}

Responsive grid layout: Example 1

Responsive grid layout: Example 2

Responsive grid layout: Example 3