Html 移动设备上图像之间的空间太大

我在手机上的图像之间的空间太大： 在开发工具上看起来不错：

HTML:

---

我已经尝试过使用最大宽度的媒体查询，并减少了页边空白底部，但移动版没有任何变化。

虽然我尝试使用您的代码时看起来一切正常，但您为什么要在css代码中使用vh似乎很奇怪。 请在将vh更改为px或%后重试

img {
    object-fit: contain;
    margin-bottom: 5px;
}

如果你有理由使用5vh，那么你应该在你的问题中解释更多。

---

顺便说一句，你在你的移动设备上试过了吗？

我知道了！objectfit:contain使图像比例正确，但每个图像仍然占据了与我使用objectfit:none时相同的高度。要解决这个问题，我只需要增加高度：70%。

你应该看看这篇文章，vh在移动设备上不起作用。最简单的解决办法是将vh改为px或%Hi！使用px并没有改变任何事情。我确实试过我的移动设备！问题是“对象适合度：包含”，但我发现我只需要做高度：70%，它是固定的！谢谢你的帮助！：）

img {
    object-fit: contain;
    margin-bottom: 5vh;
}

img {
    object-fit: contain;
    margin-bottom: 5px;
}