[英]When resizing jqxWindow, window body width and height not changing
Here is JSFIDDLE to my problem. 这是我的问题的JSFIDDLE 。 As you can see, divs displayed inside window have set width to 100%, and my goal si to foce this divs to automatically resize when I am manually resizing the window.
如您所见,窗口内显示的div的宽度已设置为100%,当我手动调整窗口大小时,我的目标si使该div自动调整大小。
#container {
width: 100%;
display: table;
table-layout: fixed;
border: 5px solid #ccc
}
I was looking inside this element throught element inspection in chrome and I figured out, that windowBody div doesn't change its width and height and that is the problem. 我正在通过chrome中的元素检查来查看此元素的内部,然后发现windowBody div不会改变其宽度和高度,这就是问题所在。 Does anyone know how to achieve what I want?
有谁知道如何实现我想要的?
I have just found out, that the problem was that you cannot declare maxWidth and maxHeight to 100% in jqxWindow declaration. 我刚刚发现,问题是您无法在jqxWindow声明中将maxWidth和maxHeight声明为100%。 You need to set absolute numbers.
您需要设置绝对数字。 In my case worked setting them to max width of the screen.
在我的情况下,将它们设置为屏幕的最大宽度。
$('#jqxwindow').jqxWindow({
height: 200,
width: 340,
minHeight: 100,
minWidth: 200,
maxHeight: screen.height,
maxWidth: screen.width,
isModal: true,
autoOpen: true,
resizable: true
}); });
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.