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

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").height($("<container for grid>").height());
$(".slick-viewport").height($("#grid").height());
});

感谢 jQuery 及其 height() 函数