砌体网格布局

Question

我使用砌体网格作为博客内容。如果屏幕发生变化，我将如何更改网格的高度？ TBH。我甚至都不知道计算结果。例如;假设我选择设备工具栏上的Nexus 4，网格元素将是这样的;

<div class="grid" style="position: relative; height: 2304px;">

如果我选择Nexus 5;

<div class="grid" style="position: relative; height: 2160px;">

电流：

<div class="grid" style="position: relative; height: 1011.75px;">

的Javascript

$(window).resize(function() {
   var gridheight = $('.grid').height() * 4;
   $(".grid").height(gridheight);
}).resize();