Zmiana rozmiaru siatki podczas zmiany rozmiaru okna przeglądarki

Question

Użyłem domyślnie przykładu fill whole window. Próbowano zmienić rozmiar okna przeglądarki: ale obszar używany do siatki jest taki sam. Musisz przeładować stronę tak, aby pasowała. Jak mogę zarchiwizować to bez przeładowywania strony?

Edited

Ciekawostka, że ​​kiedy zmienić kolejność kolumn siatki jest zmieniany.

Answer 1

zrobił w ten sposób:

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

Dzięki jQuery i jej wysokość() Funkcja

Answer 2

To działa lepiej niż tylko zmiana wysokości .slick-rzutni.

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

Answer 3

To działa dobrze dla mnie. Może funkcja resizeCanvas() jest nową funkcją w gładkiej siatce.

Kod to CoffeeScript.

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

Answer 4

To wydaje się działać dobrze:

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