Javascript 调整容器大小，使其在调整主父容器大小时不超过其主父容器大小

我有一个网站，其中有多个帖子的形式块与每个不同的高度块。当我调整浏览器窗口的大小时，我想创建一个系统，然后主容器的高度也会变小，并且子容器的高度将超过主容器的高度的子容器也会调整大小。我能够使用jquery创建系统，但是当我最大化窗口时，调整大小的子元素现在比原始元素小

jQuery('.mi-module-cnt').each(function(index, element) {

var jsp_height=jQuery(".jspContainer,.jspPane").height();

var module_height=jQuery(this).height();

    if (module_height>jsp_height)   
    {
        jQuery(this).height(jsp_height);

    }
    else
    {
        jQuery(this).height(module_height);
    }

});

---

当最大化高度时，我是否可以使子元素返回到其原始高度？当高度也根据父容器的高度最小化时，它当前在最小化上起作用。我想你要找的是，在else部分，将高度设置为auto

else {
  jQuery(this).height("auto");
}

这将使它恢复到任何显式调整大小之前的自然高度

---

下面是一个例子：。上下拉伸“结果”窗口的栏以查看效果。尽管出于某种原因，它似乎有点喜怒无常，而且如果if为true，那么调整过多项目的大小似乎并不总是适用于每个窗口大小调整，尤其是在Firefox上。但希望它能给你一个基本的想法。

使用@media查询并将“身高”设置为1%的家长会按照你的要求做吗？还是我误解了你的问题？