css不适用于不同的浏览器

Posted 2023-03-06

【中文标题】css不适用于不同的浏览器

【英文标题】：css not applying in different browsers

【发布时间】：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 格式设置您的代码。