调整 jqxWindow 大小时，window 主体宽度和高度没有改变

Question

这是JSFIDDLE我的问题。如您所见，window 内显示的 divs 已将宽度设置为 100%，我的目标是在我手动调整 [=21] 大小时强制此 divs 自动调整大小=].

#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

调整 jqxWindow 大小时，window 主体宽度和高度没有改变

When resizing jqxWindow, window body width and height not changing

javascript

css

jquery

jqxwidgets