Question

我想控制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>

Answer 1

您可以通过添加一些JavaScript来完成此操作。

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

Answer 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>

如何控制html窗口的大小？

2 个答案: