CSS |网格自动列：最小内容 |不适用于 IOS 10.3.3

Question

是否有任何替代品，或者我应该恢复为花车并等待支持到达？

.grid_root {
  display: grid;
  grid-column-gap: 1px;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
}

示例（在 phone 中使用全屏预览）： https://plnkr.co/edit/c6Znq3rtEfQK0Ky1wugt?p=preview

Answer 1

尝试使用 webkit 前缀。在我的 iPad.

中使用 Safari

.grid_root {
  display: grid;
  grid-column-gap: 1px;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-min-content; /* new */
  grid-auto-columns: min-content;
}

revised demo

CSS |网格自动列：最小内容 |不适用于 IOS 10.3.3

CSS | grid-auto-columns: min-content | not working in IOS 10.3.3

ios

css

safari

css-grid