在Chrome中，Bootstrap不断改变网格中图像之间的垂直间隙

Question

我有一个图库的图像网格，在浏览器有一定宽度的某些情况下看起来不错，但是当你在Chrome中缩小浏览器的大小时，它会改变项目之间的垂直间隙。在Microsoft Edge中，它按预期工作（未尝试使用Firefox）。我需要保持垂直间隙一致，高度只有大约10px。

以下是浏览器之间的区别： https://i.imgur.com/7ZoA6Fz.jpg

要亲自试用，请使用Chrome并查看以下链接中的结果，然后调整预览窗口的大小以触发断点。

https://www.codeply.com/go/DUmlhXetYE

如果您无法重复此问题，那么可能是浏览器更新问题......

Answer 1

如果您在display: flex;上删除.gallery-item，则保证金是一致的。

在chrome，ff和edge中似乎没问题。