Question

我有一个网站，其中有多个帖子，每个块都有不同高度的块。当我调整浏览器窗口的大小时，我想制作一个系统，然后主容器的高度也变小了，孩子将超过主容器高度的子节点也会调整大小。我能够使用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);
    }

});

我可以在最大化高度时让子元素恢复到原来的高度吗？它目前适用于根据父容器的高度

最小化高度时的最小化

Answer 1

我认为你正在寻找的是＆＃34;否则＆＃34;部分，将高度设置为＆＃34; auto＆＃34;。

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

在明确调整大小之前，应该将其恢复到任何高度。

以下是一个小例子：http://jsfiddle.net/7t04byqn/。拉伸＆＃34;结果＆＃34;窗口上下看到发生的效果。（虽然由于某种原因，它看起来很有气质，并且过多项目的大小调整（当＆＃34; if＆＃34;是真的时）似乎总是在每个窗口调整大小，特别是在Firefox上但希望它会给你基本的想法。）

调整主要父级的大小时，将容器的大小调整为不超过其主父级

1 个答案: