CSS 在 Safari 上变得混乱

Question

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

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

以及网站： https://halamh.github.io/nft-preview-card/

Answer 1

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

display: flex;

从 .main-container 中删除 img

min-width: 50%;

并替换为

max-width: 100%;

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

Screenshot 1

Screenshot 2