Css flex布局中的图像未在chrome上保持纵横比

所以我尝试创建两行5幅图像。我做了以下工作：

HTML 该解决方案在Firefox 64上非常完美：

然而，Chrome 71上的图像高度更高，打破了纵横比：

在上找到的解决方案都不起作用。我正在使用Angular 7.1.4和Flex Layout 7.0.0-beta.22。

您尝试过：

img {
  align-self: flex-start;
}

---

你能提供一个例子的链接吗？

我也遇到了同样的问题，最终找到了更好的解决方案。您必须将其添加到您的img标签中：

img {
    width: 100%;
    height: 100%;
    min-width: 0;
}

下面是一个完整的讨论：

img {
  align-self: flex-start;
}

img {
    width: 100%;
    height: 100%;
    min-width: 0;
}