这是JSFIDDLE我的问题。正如您所看到的,窗口内显示的div已将宽度设置为100%,我的目标是在手动调整窗口大小时自动调整此div。
#container {
width: 100%;
display: table;
table-layout: fixed;
border: 5px solid #ccc
}
我通过chrome中的元素检查查看了这个元素,我发现, windowBody div不会改变它的宽度和高度,这就是问题所在。有谁知道如何实现我想要的?
答案 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