為什么Safari中沒有內聯網格？

Question

我正在使用WordPress重力表單並使用內聯網格進行布局。
它在Firefox和Chrome中完美運行。

但是當談到Safari時， display: inline-grid不起作用。
雖然display: inline-block工作。

---

在Safari中運行以下代碼片段，看看我在說什么。

 .item { width: 50px; height: 50px; background-color: lightgray; display: inline-block; margin: 5px; } .item2 { width: 50px; height: 50px; background-color: gray; display: inline-grid; margin: 5px; } 

 <div class="item"></div> <div class="item"></div> <hr> <div class="item2"></div> <div class="item2"></div> 

Answer 1

Safari支持CSS網格布局

desktop -- from version 10.1
ios -- from version 10.3

http://caniuse.com/#feat=css-grid

可能你使用的不是一個非常新鮮的Safari。

順便說一句，在我的桌面v.10.1.1上，您的代碼按預期工作。