砌體佈局（有時）在項目之間增加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上的填充和行高以獲得像素值。