调整浏览器窗口大小时调整网格大小

Question

我使用填充整个窗口示例作为默认值。 试图调整浏览器窗口的大小：但用于网格的区域是相同的。 需要重新加载页面以使其适合。 如何在不重新加载页面的情况下存档？

编辑

有趣的事实，当我改变列的网格顺序时，调整大小。

Answer 1

这对我来说很好。 也许resizeCanvas()函数是光滑网格中的新功能。

代码是CoffeeScript。

$(window).resize -> grid.resizeCanvas()

Answer 2

这比仅仅更改.slick-viewport高度更好。

$(window).resize(function(){
    var h=$(window).height();
    $('#myGrid').css({'height':(h-65)+'px'});
    grid.resizeCanvas();
});

Answer 3

这似乎工作得很好：

$( window ).resize( function() {
    grid.resizeCanvas();
});

Answer 4

这样做了：

$(window).resize(function () {
    $("#grid").height($("<container for grid>").height());
$(".slick-viewport").height($("#grid").height());
});

感谢jQuery及其height（）函数