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