html - 如何使 Flexbox 在 safari 10 中正常工作

Question

我一直在做一个网站，现在我得到反馈，它看起来不像它应该的那样。我正在使用 flexbox，问题出现在 Safari 10 中。我知道这是一个旧浏览器，但根据http://caniuse.com/#search=flex应该支持它。

问题出现在以下页面https://hollandcircularhotspot.nl/en/cases

我已经在整个堆栈溢出中搜索了答案。我想我使用了正确的前缀，我没有使用最小宽度（这是一个已知问题）。

该问题仅发生在 safari 10 上（据我所知）

这就是它在 safari 10 上的样子https://imgur.com/a/pl8WvUP 这就是它应该看起来像https://imgur.com/a/1SngHot

标签： htmlcsssafariflexbox

Answer 1

如果您使用的是 flexbox，则可以justify-content:在父 div 上使用，并且可以删除所有似乎导致问题的媒体查询。