Safari 中的 CSS 网格布局问题

Question

我无法在 Safari 中使用 CSS 网格布局。该布局在 Chrome 和 Firefox 中完美运行，但在 Safari 中，网格项未正确对齐。

我尝试使用

-webkit-

前缀并更新我的 Safari 浏览器，但似乎没有任何效果。还有其他人遇到过这个问题吗？任何帮助或指导将不胜感激。

这是我的代码：

.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

.grid-item {
    grid-column: span 2;
}

预先感谢您的帮助！

Answer 1

Safari 使用不同的渲染引擎。你可以尝试在下面添加吗？在这里报告发生了什么。

在容器中-

display: -ms-grid;
grid-template-rows: auto;

在项目中-

-ms-grid-column-span: 2;