我正在使用 Flexbox 创建一个复杂的网格布局（我需要支持的浏览器不支持 CSS 网格）并且我的布局在 Chrome 和 Firefox 中完全按预期工作，但是在 Safari 上，我的大多数 flex-items 有 0高度并且显示不正确。
我创建了一个 CodePen，所以演示了我的代码在哪里（CSS 的道歉，必须从我的项目输出中复制和粘贴） https://s.codepen.io/glennflanagan82/debug/NgPXJR/LQkExPgxmyxA
如果您在Chrome/Firefox上访问上面的链接，您应该会看到在磁贴上具有悬停功能的网格布局，但在Safari 上没有任何图像显示，也没有任何文本。我已经确定这是 Safari 将grid-tile__link元素设置为0 高度，但我不明白为什么。
我完全难倒这个所以任何帮助将不胜感激。