jQuery Dialog是一款非常流行的對話框插件，它可以方便地實現彈出層的效果。但有時候我們在使用Dialog時，存在一個問題，就是如何讓它自適應屏幕大小。

解決這一問題的方法是使用Dialog的resize事件。例如：

$( "#dialog" ).dialog({
resize: function(event, ui){
$(this).dialog("option", "position", "center");
}
});

這樣設置之后，當屏幕大小發生變化時，Dialog會自動居中，并且寬度和高度也隨之變化。

如果需要指定Dialog的最大寬度和高度，可以在resize事件中添加相應的判斷邏輯。例如：

$( "#dialog" ).dialog({
resize: function(event, ui){
var maxWidth = $(window).width() * 0.9;
var maxHeight = $(window).height() * 0.9;
if (ui.size.width >maxWidth) {
$(this).dialog("option", "width", maxWidth);
}
if (ui.size.height >maxHeight) {
$(this).dialog("option", "height", maxHeight);
}
$(this).dialog("option", "position", "center");
}
});

以上代碼中，我們定義了一個最大寬度和最大高度，當Dialog的寬度和高度超過這個值時，就設置為最大值。

需要注意的是，在Dialog的初始化時，也需要設置一些屬性才能實現自適應效果。例如：

$( "#dialog" ).dialog({
autoOpen: false,
modal: true,
width: "90%",
height: "90%",
resizable: true,
close: function(event, ui){
$(this).remove();
}
});

其中，width和height的值為"90%"，表示Dialog的寬度和高度分別為屏幕寬度和高度的90%。

通過以上設置，我們可以很方便地實現Dialog的自適應效果，使得它在不同屏幕大小下都具有良好的顯示效果。