Jquery 全屏幕砖石主题，适用于所有屏幕分辨率？

基本上，我想制作一个砖石主题，它将有一个固定数量的列，比如5列，每个列（帖子）的宽度将根据屏幕大小来计算

我不确定该怎么做，我已经阅读了关于砖石的文档等等，没有找到任何有用的东西。如果你能帮我，那太棒了！谢谢大家!

到目前为止，我的代码如下：

<script type="text/javascript">
$(window).load(function () {
var $content = $('#posts');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : 'div#pagination', 
nextSelector : 'div#pagination a#nextPage', 
itemSelector : '.entry',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 600,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
});
});
});
</script>

$（窗口）。加载（函数（）{
var$content=$（“#posts”）；
$content.mashise（{itemSelector:'.entry'}），
$content.infinites卷({
导航选择器：“div#分页”，
下一个选择器：“div#分页a#下一页”，
itemSelector:“.entry”，
装载：{
finishedMsg:“”，
img:'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx:600，
调试：错误，
},
//调用砌体作为回调。
函数（新元素）{
var$newElems=$（新元素）；
$newElems.hide（）；
//确保在添加到砌体布局之前加载图像
$newElems.imagesLoaded（函数（）{
$content.mashise（'added'，$newElems，true，function（）{$newElems.fadeIn（300）；}）；
});
});
});

为什么不使用CSS设置列宽？砌体将根据柱的宽度进行施工

.column{width:20%}

（没有边距，没有填充inc）它并没有达到我想要的效果。我只想让砖石填充整个屏幕，不管屏幕大小/砌石只会影响面积

#立柱

的效果。为此，您需要使用