2013-01-07 49 views
0

你可以在这里看到它http://obecadmin.dev.f13.cz/分辨率从1000到1400,几乎每一个奇数(1379等)宽度分辨率导致盒子被置于对方而不是两列..任何想法有什么可能是错的?jquery砌体不工作奇怪的窗口分辨率

全幅响应所以每个为50%和砌体inited与

columnWidth: function(containerWidth) { 
    return (containerWidth/2); 
}, 

我试图Math.floor的containerWidth/2,因为我认为这是在计算宽度错(+ 1像素这是应该有),但它只会导致错误的定位发生在甚至决议..

Github的问题在这里https://github.com/desandro/masonry/issues/274

回答

0

好像你的问题是奇数。试试这个

columnWidth: function(containerWidth) { 
    var size = (containerWidth/2); 

    if(!isEven(size)) 
     size = size + 1; 
    return size; 
} 

function isEven(value) { 
    return (value%2 == 0); 
} 
+0

清楚,并没有真正的工作,它几乎做不仅奇怪,但连号也不行,在1200年至一三零零年范围内至少,这是所有实际上是相当随机的,所以我不会只专注于奇数,问题必须在我的CSS中,因为它使用流体响应网格,或砌体本身 – foxx

+0

@foxx在我的测试中,它工作得很好。我不能在使用Chrome浏览器偶数时重复同样的问题。 –

+0

问题是*不是真的与奇数..此外,你建议*不能*甚至工作..让我们说,包装元素有998px宽度,50%是499px,这是一个奇数,我'd为每个框添加1px,这会导致它们总共有1000px,这比我的包装元素多,这只会导致框被相互排序。 – foxx