调整jqxWindow的大小时,窗体宽度和高度不会改变

时间:2015-11-18 11:29:13

标签: javascript jquery css jqxwidgets

这是JSFIDDLE我的问题。正如您所看到的,窗口内显示的div已将宽度设置为100%,我的目标是在手动调整窗口大小时自动调整此div。

#container {
    width: 100%;
    display: table;
    table-layout: fixed;
    border: 5px solid #ccc
}

我通过chrome中的元素检查查看了这个元素,我发现, windowBody div不会改变它的宽度和高度,这就是问题所在。有谁知道如何实现我想要的?

1 个答案:

答案 0 :(得分:1)

我刚刚发现,问题是你不能在jqxWindow声明中将maxWidth和maxHeight声明为100%。您需要设置绝对数字。在我的案例中,我们将它们设置为屏幕的最大宽度。

$('#jqxwindow').jqxWindow({
height: 200,
width: 340,
minHeight: 100,
minWidth: 200,
maxHeight: screen.height,
maxWidth: screen.width,
isModal: true,
autoOpen: true,
resizable: true

});

这里是JSFIDDLE