CSS | grid-auto-columns：min-content |不适用于IOS 10.3.3

Question

是否有替代品，或者我应该回到花车并等到支持到来之后？

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

示例（在手机中使用全屏预览）： 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