调整jqxWindow的大小时，窗口主体的宽度和高度不变

Question

这是我的问题的JSFIDDLE 。 如您所见，窗口内显示的div的宽度已设置为100％，当我手动调整窗口大小时，我的目标si使该div自动调整大小。

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

我正在通过chrome中的元素检查来查看此元素的内部，然后发现windowBody div不会改变其宽度和高度，这就是问题所在。 有谁知道如何实现我想要的？

Answer 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