我想弄清楚我做的是否有问题，或者 Safari（MacOS 或 iOS）是否不支持 CSS 网格，即使他们到处都说支持？
我试过这样的事情：
ul {
list-style-type: none;
text-align: center;
}
.grid {
display: grid;
grid-gap: 20px;
}
.grid-4 {
grid-template-columns: repeat(4, auto);
} <ul class="grid grid-4">
<li class="grid-item">
<img src="http://via.placeholder.com/350x150"/>
<a href="/">Browse Online, Buy in Store</a>
</li>
<li class="grid-item">
<img src="http://via.placeholder.com/350x150"/>
<a href="/">Browse Online, Buy in Store</a>
</li>
<li class="grid-item">
<img src="http://via.placeholder.com/350x150"/>
<a href="/">Browse Online, Buy in Store</a>
</li>
<li class="grid-item">
<img src="http://via.placeholder.com/350x150"/>
<a href="/">Browse Online, Buy in Store</a>
</li>
</ul>它在 Chrome、FF 甚至最新的 Edge 上都可以正常工作，但在 …