thay đổi kích thước lưới khi đổi kích thước cửa sổ trình duyệt

Question

Tôi đã sử dụng ví dụ fill whole window làm mặc định. Đã cố gắng thay đổi kích thước cửa sổ trình duyệt: nhưng khu vực, được sử dụng cho lưới là như nhau. Cần tải lại trang sao cho phù hợp. Tôi làm cách nào để lưu trữ trang này mà không cần tải lại trang?

Edited

thực tế thú vị là khi tôi thay đổi thứ tự của các cột lưới được thu nhỏ.

Answer 1

đã làm theo cách này:

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

Nhờ jQuery và chiều cao() chức năng của nó

Answer 2

này hoạt động tốt hơn so với chỉ cần thay đổi chiều cao .slick-viewport.

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

Answer 3

Điều này phù hợp với tôi. Có thể chức năng resizeCanvas() là một tính năng mới trong lưới điện trơn.

Mã này là CoffeeScript.

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

Answer 4

Điều này dường như chỉ làm việc tốt:

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