javascript - jquery masonry 不能处理奇怪的窗口分辨率

Question

你可以在这里看到它http://obecadmin.dev.f13.cz/，分辨率从 1000 到大约 1400，几乎每个奇数（1379 等）宽度分辨率都会导致框位于彼此下方而不是两列......任何想法有什么问题？

整个网站都是响应式的，所以每个 for 是 50%，砌体是用

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

我试图 Math.floor 容器宽度/2，因为我认为它计算的宽度错误（应该有+1px），但它只会导致错误的定位发生在甚至分辨率上。

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

Answer 1

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

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

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

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