javascript - 用于调整窗口高度的 JS if/else 语句不起作用

Question

简短版：您在 if/else 语句中看到任何错误吗？

<script type="text/javascript" charset="utf-8">
     function more() {
        document.getElementById("more").style.display = "flex";
        if (window.matchMedia('screen and (min-width: 1161px)')){
           document.getElementById("sidebar2").style.height = "8500px";
        } else {
           document.getElementById("sidebar2").style.height = "12800px";
        }

        document.getElementById('moreBtn').style.display = "none";
     }
  </script>

我需要它做的是检查文档的宽度并相应地调整页面的高度。如果文档 > 1161px 宽，高度 = 8500px。否则，高度 = 12800 像素。

完整版：我正在开发一个在左侧边栏中有重复图像并且在主要内容中有照片库的网站。当用户点击底部的“查看更多”时，会出现更多图像。发生这种情况时，我需要左侧边栏中的图像来扩展页面的整个高度。它似乎在我的 PC 上运行良好，但在 iPad 上却不行。具体来说，页面以正确的高度加载，但是当我单击“查看更多”时，if/then 语句不起作用，因此它从“if”而不是“else”中提取高度。

登台站点可以在这里查看。