css不适用于不同的浏览器答案

【问题标题】：css not applying in different browserscss不适用于不同的浏览器
【发布时间】：2022-01-04 05:28:43
【问题描述】：

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

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

【问题讨论】：

在 Firefox 上看起来不错，除了手表图像在移动视图上被压扁
@abney317 当我在 codepen 中运行它时，它看起来很好，但是当我在本地运行 index.html 文件中的代码然后在浏览器中尝试它时，它不起作用。你试过这样吗？
可能与您的 html 格式混乱有关。样式应该在 head 标签内。您还缺少一个 body 标签和一个 html 标签。

【解决方案1】：

希望它对你有用。

你需要从这里移除高度

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

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

【讨论】：