为什么我的网格栏不能在Firefox中正确布局？

Question

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

在Chrome和Safari上，所有内容都格外完美，但在Firefox上。 我使用高级自定义字段来提供仅供参考的内容。

有人可以检查它在Firefox上，并以某种方式找出是什么原因造成的？

谢谢

Answer 1

的问题是，你的一些图像是不相同的纵横比，和Firefox认为部分像素的高度差，当它勾画出的花车，所以他们并不清楚。

确保您的所有图片都精确到1000x1500。

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

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