изменение размера сетки при изменении размера окна браузера

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 ()