Javascript Safari在移动设备的img中忽略自动高度

我有一个用HTML、CSS（Bootstrap）、JS和PHP开发的网站。 问题出在Safari中的图像上。我的img标签有一个类img fluid，它的CSS有以下内容：

max-width: 100%;
height: auto;

除Safari外，所有设备均可正常工作

这是Safari中的外观：

这就是它应该看起来的样子：

网络上的所有图像都会发生这种情况

我有一个元标签：

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

---

我认为问题在于Safari忽略了高度：auto和所有图像收缩到容器高度的100%，或类似的东西。

问题在于父容器的

显示。我将父div（
div
包含
img
标记）中的de
display:flex
更改为
display:block
，图像开始正常工作

感谢问题儿童为我提供正确的方法：）
问题在于父容器的
显示。我将父div（
div
包含
img
标记）中的de
display:flex
更改为
display:block
，图像开始正常工作

感谢问题儿童为我提供正确的方法：）
您是否尝试使用固定的
宽度：100%
和
最大宽度：/*作为容器*/
？在刷新之前是否清除缓存？@ProblemChild是的，没有，结果相同。我禁用了缓存。哪个
display
有您的
meta
上级标签？@问题孩子如果您询问父节点的
display
，我有
display:flex
，HTML的树是div（带有
display:flex
）的容器图像是div（带有
display:flex
）->div（容器文本）您是否尝试使用固定的
宽度：100%
和
最大宽度：/*作为容器*/
？刷新前是否清除了缓存？@ProblemChild是的，没有，结果相同。我禁用了缓存。哪个
显示
有您的
元
上级标签？@ProblemChild如果您询问的
显示
父节点，我有
display:flex
，HTML的树是div（带有
display:flex的容器）->div（带有
display:flex的容器图像）->div（容器文本）