【问题标题】: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/

【问题讨论】:

标签: css google-chrome safari frontend


【解决方案1】:

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

display: flex;

从 .main-container 然后为 img 移除

min-width: 50%;

替换为

max-width: 100%;

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

Screenshot 1

Screenshot 2

【讨论】:

  • 非常感谢!虽然如果我从 main 中删除 flex,容器会出于某种原因向左移动
  • 对不起,我应该更清楚....不要从<main> 中删除display: flex;,仅在您使用in<section class='main-container'> 时从.main-container 的声明中删除它应该保持居中。
  • 好吧,我做到了!谢谢!
  • :) 很高兴它成功了!
猜你喜欢
  • 1970-01-01
  • 2015-04-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多