Html 图像可以在IOS设备和Safari上延伸，但在Chrome上完全可以

我正在开发一个网站genesisai.bio，它在Chrome上运行得非常好，但在safari和IOS设备上却可以看到图像。我怎样才能解决这个问题？ 我试着在相关的媒体上玩“设置高度：自动”，也试着使用flex。由于我是新手，我似乎找不到合适的工作。我将感谢任何帮助

编辑：

以您的方式共享数据


ABCDEEFF

开始

---

请从此代码中删除d-flex

<div class="col-lg-6 d-flex align-self-center img-right">
  <img class="f-img img-fluid" src="img/back.jpg" alt="">
</div>

---

如果有帮助，请告诉我。

iOS上拉伸图像的修复方法是添加以下类

.ios-strech-fix
{
      height: intrinsic;
}

高度将缩放到图像的正确纵横比。不拉伸图像，而是以相同的宽度比例缩放高度

---

希望这对其他人有所帮助，我们必须在所有网站上实现这一点。

您的代码是什么？请提供[最小、可复制的示例][嗨，Philip Eagles，请看我上面的编辑！我不知道什么可能有用，什么没有用，所以我尽可能多地发布了！它来自引导模板，如果有帮助请删除引导CSS并只留下HTML，如果您有自己的自定义CSS，请将其附加到您的问题中。它有！您能解释为什么会出现问题吗？谢谢nce再次-我花了将近半个晚上试图解决这个问题：）你有很多不必要的类。d-flex是一个显示flex规则，但align self-center类指的是align self-CSS规则，该规则适用于flex子级，而不是父级。Img成为flex父级的子级，因为没有宽度和高度，所以尝试扩展。以及对于行div，您不需要对齐项目中心对齐资源中心，因为父级没有d-flex。请阅读这篇精彩的文章中有关flexbox的内容

.ios-strech-fix
{
      height: intrinsic;
}