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-像魅力一样工作

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

2 个答案: