砌体布局（有时）在项目之间增加1px沟槽

Question

我已经有7个项目与砌体布置。根据屏幕尺寸的不同，有时会出现第2行和第3行之间的1像素槽（空白区域）（有时也会出现在第2和第3列之间）。

我个人并不想在瓷砖/物品之间留有空间。谁知道是什么原因导致这个单一的px行出现以及如何解决这个问题？

实施例：http://wallstart.nl/test.html

在所得：https://infinit.io/_/fJqNxKq

Answer 1

所以它们的高度来计算基于因为它不设置上的项目高度：

padding: 10%; 
font-size: 18px; 
line-height: 1.5em; 

字体大小是确定，但填充和项目的行高（因为百分比和em）导致高度具有浮点数（例如height: 70.83px）。但我认为从这些数字的上限值计算的项目的位置。 （等top: 71px）。所以它在一些缩放级别上看起来很奇怪。

如果这些在这个库中没有支持或修复此问题，我会尝试重写.grid-item a上的填充和行高以获得像素值。