砌体布局（有时）在项目之间添加 1px 间距

Question

我用 Masonry 布置了 7 件物品。根据屏幕尺寸，有时会在第 2 行和第 3 行之间出现 1px 的装订线（空白）（有时也会在第 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 上的填充和行高以获得像素值。