javascript - 最大化按钮不调整字段集大小

Question

我有一个加载了子内容的字段集。我已经根据 window.height() 动态设置了字段的高度和最小高度。

当我打开应用程序时，窗口大小被最小化。当我最大化窗口时。字段设置高度不会改变。

你能帮忙解决一下吗？下面是代码。

<fieldset class="step-3 body" id="wizard-p-2" role="tabpanel" aria-labelledby="wizard-h-2" style="left: -930px; width:100%; overflow-y: auto">
                                        <div id="alert">My Alert</div>
                                        @RenderBody()
                                    </fieldset>

用于设置高度和最小高度的java脚本

$(document).ready(function () {
    $("fieldset").css("min-height", ($(window).height() - 200));
    $("fieldset").css("height", ($(window).height() - $(window).height()*0.3))
});

Answer 1

试试这个

$(window).resize(function(){
 $("fieldset").css("min-height", ($(window).height() - 200));
 $("fieldset").css("height", ($(window).height() - $(window).height()*0.3))
});