При изменении размера jqxWindow ширина и высота окна не изменяются

Question

Вот JSFIDDLE к моей проблеме. Как вы можете видеть, divs, отображаемые внутри окна, имеют ширину до 100%, и моя цель si ограничить эти divs, чтобы автоматически изменять размер, когда я вручную изменяю размер окна.

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

Я искал внутри этого элемента Повсеместно проверки элемента в хроме и я понял, что windowBody ДИВ не меняет свою ширину и высоту, и это проблема. Кто-нибудь знает, как добиться того, чего я хочу?

Answer 1

Я только что узнал, что проблема заключалась в том, что вы не можете объявить maxWidth и maxHeight до 100% в объявлении jqxWindow. Вам нужно установить абсолютные числа. В моем случае они работали с максимальной шириной экрана.

$('#jqxwindow').jqxWindow({ 
height: 200, 
width: 340, 
minHeight: 100, 
minWidth: 200, 
maxHeight: screen.height, 
maxWidth: screen.width, 
isModal: true, 
autoOpen: true, 
resizable: true 

});

здесь JSFIDDLE