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

Question

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

已编辑

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

Answer 1

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

代码是CoffeeScript。

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

Answer 2

这比仅仅更改.slick-viewport height更好。

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

Answer 3

这样做了：

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

感谢jQuery及其height（）函数

Answer 4

这似乎工作正常：

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