jquery - 适用于每个屏幕分辨率的全屏 Masonry 主题？

Question

基本上我想制作一个 Masonry 主题，它有一定数量的列，例如 5，每列（柱）的宽度将由屏幕尺寸计算。

我不确定如何去做，我已经阅读了 Masonry 文档和诸如此类的内容，但找不到任何有用的东西。如果你能帮上忙，那就太棒了！谢谢！

到目前为止，这是我的砌体编码：

<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>