我正在使用Flexbox创建一个复杂的网格布局（我需要支持的浏览器不支持CSS网格）我的布局完全按预期在Chrome和Firefox中运行，但是在Safari我的大多数flex项目都有0高度并且无法正确显示。
我创建了一个CodePen，以便演示我的代码所在的位置（CSS的道歉，必须从我的项目输出中复制和粘贴） https://s.codepen.io/glennflanagan82/debug/NgPXJR/LQkExPgxmyxA
如果您访问 Chrome / Firefox 上方的链接，您应该会在磁贴上看到带有悬停功能的网格布局，但是在 Safari 上没有任何图片显示和没有文字。我已经确定这是Safari将grid-tile__link元素设置为0高，但我不明白为什么。
我对此非常感激，所以任何帮助都会受到赞赏。
答案 0 :(得分：0)
我认为这里的答案可能有所帮助。 父母需要在Safari中有一个确定的高度： Chrome / Safari not filling 100% height of flex parent