Freewall jQuery插件 - 在移动设备上查看，某些磁贴的宽度设置为零

Question

我在使用Freewall jquery插件时遇到了一些麻烦，这很奇怪。

基本上，当我在屏幕大小超过大约580px的任何东西上加载页面时，网格工作得非常好。但是，如果我在移动设备屏幕大小上加载页面，大约小于580px，则90％的切片宽度设置为零，当然，会打破网格布局。

此外，在移动页面或使用移动尺寸加载页面后调整视口大小时，破碎的网格图块仍然不会获得除零之外的宽度设置！

这是相当令人困惑的，因为所有工作正常，然后突然间，他们开始这样做。

我已经尝试回溯我的步骤，看看在完成所有操作之后我做了什么都打破了它，但没有任何效果。

我在giphy上做了一个gif，显示了我想说的话。正如他们所说，一张图片说千言万语。 :)

另外，这是我的Freewall功能：

// FreeWall Grid Settings
    $(function() {
    var wall = new freewall(".grid_container");
    wall.reset({
        fixSize: false,
        animate: true,
        cache: true,
        cellW: 292.5, // These are what saved the day!
        cellH: 284, // These are what saved the day!
        gutterX: 1,
        gutterY: 1,
        onResize: function() {
            wall.fitWidth();
        }
    });
    wall.fitWidth();

});

多谢你们。

GIF链接：http://gph.is/1lhoXWe

Answer 1

我最终通过更改一些CSS来解决问题。特别是网格瓷砖的高度。

FreeWall不高兴我似乎没有设置高度，所以我添加了一个最小高度规则，问题得到了解决。

Answer 2

如果有人像我一样在这里结束 - 我的问题是我给的CellW是300 - 当我到达某个点时，项目的宽度为0 - 更窄（导航消失的地方）有更多的空间所以300工作。答案是将cellW设置为200 - 就像魅力一样