CSS |网格自动列：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