safari display flex不生效

可能有几个原因导致 Safari 中的 display: flex 不生效：

1. 浏览器版本问题：确保你使用的是 Safari 的最新版本，因为一些旧版本可能不支持最新的 CSS 属性和布局。

2. 容器元素未设置高度：在使用 flex 布局时，容器元素的高度应该是明确指定的，否则可能导致布局不正确。请确保容器元素有一个有效的高度值，例如添加一个具体的高度或者使用 min-height。

3. 子元素未设置 flex 属性：在 flex 布局中，子元素需要设置相应的 flex 属性来决定其在容器中的布局方式。请确保子元素设置了 flex 属性，例如设置为 flex: 1 或者其他适当的值。

4. Safari 特定的 flexbox 问题：有时候，Safari 可能会存在一些与 flexbox 相关的 bug 或兼容性问题。你可以尝试搜索一下 Safari 的 flexbox 兼容性问题，并且查看是否有人在遇到类似的问题，并提供了解决方案。

如果以上方法都无法解决你的问题，建议提供更多的代码和具体情况，以便更好地帮助你解决。

相关问题

box-shadow在Safari中不生效

box-shadow在Safari中不生效的原因通常是由于浏览器兼容性问题。在某些情况下，可能需要添加特定的前缀来使box-shadow在Safari中生效。你可以尝试添加-webkit-前缀，像这样：-webkit-box-shadow。如果仍然无效，可以尝试使用其他方法，如使用其他属性模拟box-shadow效果或者使用其他CSS技术来实现相似的效果。

flex布局在360浏览器不生效

这可能是因为360浏览器的版本较旧，不支持新的CSS3属性和布局方式。建议升级到最新版本的360浏览器，或者使用其他现代浏览器，如Chrome、Firefox、Safari等。如果必须要在360浏览器下使用flex布局，可以考虑使用autoprefixer等工具对CSS进行自动添加浏览器前缀来解决兼容性问题。