モーダル ダイアログを開くページのサイズを調整できます。たとえば、以下のコードを見てください。
t3.html
<!DOCTYPE HTML>
<html>
<head>
<title>test</title>
</head>
<body>
test<br>
test adjust<br>
test adjust<br><br>
<script language=javascript>
function adjustDialog() {
window.dialogHeight = 400+'px';
window.dialogWidth = 400+'px';
}
</script>
<button onclick="adjustDialog();">Adjust me</button>
</body>
</html>
t4.html
<!DOCTYPE HTML>
<html>
<head>
<title>test</title>
</head>
<body>
<script language=javascript>
window.showModalDialog("t3.html","Dialog Box","dialogHeight: 300px; dialogWidth: 300px; dialogTop: 250px; dialogLeft: 300px; edge: Sunken; center: No; help: No; resizable: No; status: No;");
</script>
</body>
</html>
t4.html を開き、モーダル ダイアログをポップアップし、その中のボタンをクリックすると、ダイアログを調整できます。