缩放jQuery对话框及其内容

Question

我有一个可缩放以适合窗口大小的网页，而不管窗口的大小和缩放大小（这是业务应用程序的业务要求）。

但是，jQuery对话框无法缩放。它太大或太小。如何缩放jQuery对话框使其具有固定大小？

顺便说一句，我可以使用以下方式将对话框居中：

$("#myPopup").dialog("option", "position", {my: "center", at: "center", of: window});

我以此缩放内容：

// Scale size
var scaledWidth = $(window).width() / $('#mainDiv').outerWidth();
var scaledHeight = $(window).height() / $('#mainDiv').outerHeight();
pageScale = Math.min(scaledWidth, scaledHeight) * padding;
pageScale = Math.max(minScale, scale); // Limit scaling
$('#mainDiv').css({ '-webkit-transform': 'scale(' + pageScale + ')' });
$('#mainDiv').css({ '-moz-transform': 'scale(' + pageScale + ')' });
$('#mainDiv').css({ 'transform': 'scale(' + pageScale + ')' });

// Center content
var leftPos = (($(window).width() - $('#mainDiv').outerWidth()) / 2) + "px";
var topPos = (($(window).height() - $('#mainDiv').outerHeight()) / 2) + "px";
$('#mainDiv').css("position", "absolute");
$('#mainDiv').css("left", leftPos);
$('#mainDiv').css("top", topPos);            

谢谢大家