我正在使用同位素来创建一个像你在图像中看到的网格。有一个6列的基础网格和所有缩略图的正方形组合(2x1,2x2,2x3等)。
我调整这些缩略图的方法是给他们一个百分比width
(类似33.33%)和百分比padding-top
。因此,例如width 33.33%
,padding-top 33.33%
制作2x2缩略图。
我遇到的问题是百分比高度并不总是加起来相同数量的像素,因此有时在缩略图之间添加1px水平线。例如,两个2x1块的高度(1px)与2x2缩略图的高度不同,如附图所示。
知道怎么解决这个问题吗?实际网站为http://montenegrostudio.com/work