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;
}

修订演示