如何控制html窗口的大小？答案

【问题标题】：How do I control the size of html window?如何控制html窗口的大小？
【发布时间】：2016-06-03 00:41:23
【问题描述】：

我想控制一个 html 窗口页面的大小（宽度和高度）。我希望页面像弹出窗口一样小。我希望同一个 html 文档中的属性可以控制浏览器的大小，而不必在另一个页面中创建 javascript 链接。下面是我为控制文档大小所做的操作，但它不起作用。 .救命！

<!DOCTYPE html>
<html>
<head>
<link type="text/css" />

<style type="text/css">

html
{height: 500px;
width:500px;
margin:0;
padding:0;
    }
    body
    {height: 500px;
width:500px; margin:0;
overflow: hidden;
padding:0;  
        }
        .container
        {height: 500px;
width:500px; margin:0;
overflow: hidden;
padding:0;}

</style>

</head>
<body>

<div class="container">This is it.</div>


</body>
</html>

【问题讨论】：

标签： html css window

【解决方案1】：

您可以通过添加一些 JavaScript 来做到这一点。

   function ReSizeIt(){
//window.moveTo(0,0);
window.resizeTo(300,200)
}
window.on_load=ReSizeIt;
window.onresize=ReSizeIt;

【讨论】：

【解决方案2】：

您是否期望这样......

<style type="text/css">

html
{height: 500px;
width:500px;
margin:0;
padding:0;
    }
    body
    {height: 500px;
width:500px; margin:0;
overflow: hidden;
padding:0;  
        }
        .container
        {height: 500px;
width:500px; margin:0;
overflow: hidden;
padding:0;}

</style>
<script>
function myFunction(){
    myWindow = window.open(window.location.href, "", "width=350, height=350"); window.close(); // Opens a new window
}
</script>
</head>
<body>

<div class="container">This is it.</div>
<button onclick="myFunction()">Click here</button>
</body>
</html>

【讨论】：

我希望在调整大小的窗口本身中定义窗口的大小，而不必通过 javascript 链接定义它。原因是我想将窗口链接到 Flash 按钮，而 Javascript 链接不起作用。