为什么在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浏览器。

顺便说一句，在我的桌面诉10.1.1你的代码按预期工作。