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

【问题标题】：resizing of grid when resizing browser window调整浏览器窗口大小时调整网格大小
【发布时间】：2012-02-23 11:01:29
【问题描述】：

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

已编辑

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

【问题讨论】：

【解决方案1】：

这似乎工作得很好：

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

【讨论】：

【解决方案2】：

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

代码是 CoffeeScript。

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

【讨论】：

【解决方案3】：

这比仅仅改变 .slick-viewport 的高度效果更好。

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

【讨论】：

【解决方案4】：

这样做了：

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

感谢 jQuery 及其 height() 函数

【讨论】：