Масштабировать диалоговое окно 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);            

Спасибо всем,