Css 如何设置jquery ui对话框的最小宽度,但尽可能使其变大?

Css 如何设置jquery ui对话框的最小宽度,但尽可能使其变大?,css,layout,dynamic,width,jquery-ui-dialog,Css,Layout,Dynamic,Width,Jquery Ui Dialog,我希望jQueryUI对话框的宽度至少为1000px,但如果一个人有一个宽的监视器,那么我希望它尽可能宽(比如window.innerWidth-100) 使用jquery ui对话框可以实现这一点吗?可以。只需使用宽度选项。见工作 我可以在初始化时设置此宽度属性吗?还是需要在初始化后设置?@leora按照我发布的方式进行设置,每次对话框初始化时都会设置宽度。如果希望在页面初始化时设置它,只需使用一个固定的数字,例如$(“#dialog”).dialog({width:1000})。 $("#d

我希望jQueryUI对话框的宽度至少为1000px,但如果一个人有一个宽的监视器,那么我希望它尽可能宽(比如window.innerWidth-100)


使用jquery ui对话框可以实现这一点吗?

可以。只需使用宽度选项。见工作


我可以在初始化时设置此宽度属性吗?还是需要在初始化后设置?@leora按照我发布的方式进行设置,每次对话框初始化时都会设置宽度。如果希望在页面初始化时设置它,只需使用一个固定的数字,例如
$(“#dialog”).dialog({width:1000})
$("#dialog").dialog({width: function() {
    if ($(window).width() > 1000) {
        // Wide.
        return $(window).width() - 100;
    }
    // Not wide.
    return 1000;
}});