CSS Grid重複在手機上的Safari中不起作用

據我所知，截至上個月，Safari支持CSS Grid。但是，當我使用網格容器加載頁面時，我的項目不會動態重複 - 它們會佔用整個容器寬度。CSS Grid重複在手機上的Safari中不起作用

.selection-container { 
    margin: 50px; 
    display: grid; 
    grid-template-columns: repeat(3, auto); 
    background: rgba(20, 20, 20, 0.6); 
    border-style: inset; 
    border-width: 2px; 
    border-color: red; 

}

我的HTML看起來像這樣：

<div id="categories-container" v-show="selectedCategory==''" class="selection-container">  
<div v-for="(val, key) in categories" :key=key @click="selectedCategory=key"> 
    <f7-card :title="key" role="button" class="category"></f7-card> 
</div>  
</div>

有一些步驟我失蹤？

來源

2017-04-12 David J.

即使Safari支持CSS網格佈局，因爲10.1：

Safari瀏覽器還不支持與電網特性，如網格模板行」（或網格模板列）的內在和外在尺寸

（來源：http://caniuse.com/#feat=css-grid）？

來源

2017-09-12 15:59:51

是什麼句話是什麼意思莫非Safari瀏覽器不支持的屬性'網格模板rows'和'網格模板columns'這是否意味着某些VA這些屬性不支持lues或者某些單位嗎？或者這是否意味着通過使用這些屬性可以實現的特定行爲尚未實施？ – Tom

CSS Grid重複在手機上的Safari中不起作用

回答

相關問題