Html 图像在Firefox上的作用不同

我有两个响应图像，它们随着浏览器窗口的缩小而缩小。
这些图像在Chrome和Edge上运行良好，但对于Firefox，其中一个图像的行为不同，它停止收缩
有人能帮我解决这个问题吗？您可以在移动视图中看到问题。
提前谢谢。

这是我的代码：

。行图像{
显示器：flex；
}
.主图像{
浮动：左；
}
img{
边界：0；
垂直对齐：顶部；
最大宽度：100%；
}
.侧面图像{
浮动：左；
边缘顶部：2米；
左缘：4%；
}

---

试试这个代码

。行图像{
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
弯曲方向：行；
调整内容：灵活启动；
对齐项目：柔性端；
}
.侧面图像{
左缘：4%；
}
img{最大宽度：100%；}

感谢您的回复。看起来Firefox也出现了同样的问题。如果你能用你的代码共享Firefox版本，正确的图像比Firefox中的let图像大。我希望它看起来像我贴在chrome和edge下的帖子中的图片。我想这是因为浏览器版本。它在我的firefox（版本52）上看起来不错。你能升级到firefox的最新版本，看看问题是否仍然存在吗？嗯，不确定问题是什么，因为我使用的是52.0.2