如何使 JQuery ui dialog适应不同大小的设备和自动居中？

    .ui-dialog {
        height: 600px !important;
    }
    .ui-dialog .ui-dialog-content {
        height: 90% !important;
    }

    @@media (min-width:1px) {
        .ui-dialog {
            width: 80% !important;
        }
    }

    @@media (min-width: 768px) {
        .ui-dialog {
            max-width:900px !important;

             width:90% !important;

        }
    }

 

$(window).resize(function() {
    $("#dialog").dialog("option", "position", "center");
});

 

https://stackoverflow.com/questions/14954339/how-to-center-jquery-dialog-box-after-browser-resize