調整瀏覽器窗口大小時調整網格大小

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（）函數