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

Question

这是我的问题的JSFIDDLE。如您所见，窗口内显示的 div 已将宽度设置为 100%，而我的目标是在我手动调整窗口大小时让此 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