Css 图像aespect比率-Chrome需要最大宽度，但会中断移动Safari

我有包含图像的flexbox列。图像的最大宽度为100%，需要保持其纵横比

我有一个非常奇怪的错误，我无法在网站之外重新创建。恐怕我不能分享这个，所以代码示例只是一个近似值

<ul>
  <li>
    <img src="https://images.unsplash.com/photo-1575014774591-d036b92ae5ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=612&q=80" height="912" width="1462" />
  </li>
  <li>
    <img src="https://images.unsplash.com/photo-1575014774591-d036b92ae5ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=612&q=80" height="912" width="1462" />
  </li>
  <li>
    <img src="https://images.unsplash.com/photo-1575014774591-d036b92ae5ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=612&q=80" height="912" width="1462" />
  </li>
  <li>
    <img src="https://images.unsplash.com/photo-1575014774591-d036b92ae5ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=612&q=80" height="912" width="1462" />
  </li>
  <li>
    <img src="https://images.unsplash.com/photo-1575014774591-d036b92ae5ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=612&q=80" height="912" width="1462" />
  </li>
  <li>
    <img src="https://images.unsplash.com/photo-1575014774591-d036b92ae5ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=612&q=80" height="912" width="1462" />
  </li>
</ul>

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul {
  border: 1px solid red;
  display: flex;
  flex-wrap: wrap;
  width: 400px;
  list-style-type: none;
  justify-content: space-between;
}
li {
  width: 33%;
  border: 1px solid blue;
  padding: 0 10px;
  margin-bottom: 10px;
  display: flex;
}
img {
  max-width: 100%;
  height: auto;
}

* {
保证金：0；
填充：0；
框大小：边框框；
}
保险商实验室{
边框：1px纯红；
显示器：flex；
柔性包装：包装；
宽度：400px；
列表样式类型：无；
证明内容：之间的空间；
}
李{
宽度：33%；
边框：1px纯蓝色；
填充：0 10px；
边缘底部：10px；
显示器：flex；
}
img{
最大宽度：100%；
高度：自动；
}

---

在Chrome中，如果我删除

高度：auto从图像中，然后纵横比中断。然而，在iOS Safari中，aspect收音机在没有
height:auto的情况下工作但当我添加它时会断开。在桌面Safari中，无论哪种方式都会被破坏。
尝试删除宽度/高度属性我相信这会导致页面在加载图像后重新调整大小，因此对UX不利。在所有情况下，页面都会重新调整大小，因为您使用CSS更改宽度/高度，但在必须加载图像和调整大小时，会立即应用CSS如果你有固定的高度和自定义的宽度，为什么不将图像添加为背景图像？（在风格上）你会得到很多控制。