Safari 无法正确缩放图像

Question

我在 Whosebug 上发现了很多类似的问题，但 none 确实复制了我必须处理的问题。我在 Azure 上托管一个网站，我发现了这个奇怪的东西。当我在 Safari 上（在 iPhone 或 Mac 上）显示它时，它无法正确缩放。如果我在 Chrome 上这样做，一切都很好。可能的错误是什么？

Safari View

Normal/Chrome View

这是图像本身的代码（它是包含文本的块之间的图像分隔符：

  <div className="row bg-img-1-top">
       <img className="bg-img-limit" src={Img1top}></img>
  </div>

其中：

.bg-img-limit{
  max-width: 100% !important;
}

.bg-img-1-top{
  max-width: 100%;
}

Img1top 是一张普通的 png 图片，看起来像 Chrome 上的那个。

可能是什么原因？

提前致谢！

Answer 1

问题在于safari如何处理图像。在

中包装标签后问题已解决

<div className="row bg-img-1-top">
 <figure>
   <img className="bg-img-limit" src={Img1top}></img>
 </figure>
</div>

这解决了缩放问题。

Safari not scailng image properly