Jquery 根据窗口大小调整项目大小

我是一个新手，我正在寻找一种解决方案，用javascript呈现媒体查询。我需要这个来根据窗口大小改变同位素项目的高度。我检查了现有的主题，但找不到确切的答案。我的脚本正在工作，媒体查询除外

---

如何应用if（screen.width这里是同位素页面中的一个示例

---

谢谢你的提示。我试图实现它，但同位素容器崩溃了。我所做的是：

jQuery（function（）{var jQuerycontainer=jQuery（'#同位素容器'）；jQuerycontainer.addClass（'clickable'）；jQuerycontainer.同位素（{resizable:false，animationEngine:“最佳可用”，itemSelector:'.isotophen'，layoutMode:'perfectmashion'，perfectmashion:{columnWidth:52}}}；

后接

$（window）.smartresize（function（）{jQuerycontainer.isotophet（{if（screen.width 550）{perfectmashion:{rowHeight:110}}}）；}）；jQuerycontainer.isotophet（'reload'）

jQuery(function() {
var jQuerycontainer = jQuery('#isotope-container');
jQuerycontainer.addClass('clickable');

if (screen.width <= 550) {
    jQuerycontainer.isotope({
        animationEngine : "best-available",
        itemSelector : '.isotope-element',
        layoutMode : "perfectMasonry",
        perfectMasonry : {
            columnWidth : 52,
            rowHeight : 15,
        }
    });
} else if (screen.width > 550) {
    jQuerycontainer.isotope({
        itemSelector : '.isotope-element',
        layoutMode : "perfectMasonry",
        perfectMasonry : {
            columnWidth : 52,
            rowHeight : 110,
        }
    });
}

jQuerycontainer.isotope('reload')    etc. etc.