css 不适用于不同的浏览器

Question

所以，我有这个页面，请查看我的codepen https://codepen.io/gianlucaps/pen/GRvVjmZ

因此，当我在我的实时站点上运行此代码时，它在 safari 上看起来很完美，但是当我在 chrome 或 Firefox 上运行它时，它看起来非常糟糕。 css 到处都是，某些东西甚至不适合页面，我不知道为什么。 我错过了什么？

Answer 1

希望它对你有用。

你需要从这里删除高度

.wrap { /*height: 100%;*/ display: flex;}

注意：请根据 HTML 格式设置您的代码。