为什么我的网格列在Firefox中没有正确布局？

Question

所以在这个网站上http://kimandydev.com/ 只有第4行的间距很奇怪。

在Chrome和Safari上，所有内容都完美排列，但在Firefox中。 我使用高级自定义字段仅为FYI提供内容。

有人可以在firefox上检查它并以某种方式找出导致它的原因吗？

谢谢

Answer 1

问题是你的一些图像没有相同的宽高比，Firefox在布置浮动时考虑了部分像素的高度差，所以它们不清楚。

确保所有图片都是1000x1500。

您还可以使用媒体查询在每个断点处强制图像大小：

@media (min-width: 940px) { /* or whatever it is */
    .front-img {
        height: 330px;
    }
}