CSS 在 Safari 上变得混乱

【问题标题】：CSS gets messy on SafariCSS 在 Safari 上变得混乱
【发布时间】：2021-12-31 08:55:35
【问题描述】：

我的网站在 Chrome 上看起来不错，但在 Safari 上看起来有点乱，我不知道为什么，我使用的是 Safari 14。

代码如下： https://github.com/halamh/nft-preview-card

还有网站： https://halamh.github.io/nft-preview-card/

【问题讨论】：

【解决方案1】：

我能够让它在 Safari 中运行。您需要删除

display: flex;

从 .main-container 然后为 img 移除

min-width: 50%;

替换为

max-width: 100%;

请参阅下面 Safari 的屏幕截图。

【讨论】：

非常感谢！虽然如果我从 main 中删除 flex，容器会出于某种原因向左移动
对不起，我应该更清楚....不要从<main> 中删除display: flex;，仅在您使用in<section class='main-container'> 时从.main-container 的声明中删除它应该保持居中。
好吧，我做到了！谢谢！
:) 很高兴它成功了！