Pourquoi la grille en ligne ne fonctionne-t-elle pas dans Safari?

Question

Je travaille sur une forme gravitationnelle WordPress et j'utilise une grille en ligne pour la mise en page.
Cela fonctionne parfaitement dans Firefox et Chrome. Mais lorsqu'il s'agit de Safari, display: inline-grid ne fonctionne pas.
Bien que display: inline-block fonctionne.

---

Exécutez l'extrait de code suivant dans Safari pour voir ce dont je parle.

.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 prend en charge la mise en page Grille CSS

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

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

Probablement que vous utilisez pas très frais Safari. Par ailleurs, sur mon bureau v. 10.1.1, votre code fonctionne comme prévu.