调整浏览器窗口大小时调整网格大小 [英] resizing of grid when resizing browser window

问题描述

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

I used a fill whole window example as a default. Tried to resize browser window: but area, that is used for grid is the same. Need to reload page so that it fits. How can I archive this without reloading page ?

已编辑

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

Interesting fact that when I change order of columns grid is resized.

推荐答案

这样做：

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

感谢jQuery及其height（）函数

Thanks to jQuery and its height() function

这篇关于调整浏览器窗口大小时调整网格大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！