Question

如何在JavaScript中设置当前页面的高度和宽度？

我正在使用ASP.Net Web Forms。我有一些启动屏幕实现为aspx Web表单。我需要重定向它们，而不是通过window.open（）函数打开。

如何给当前窗口提供尺寸和位置？我已经尝试了下面的代码，但它对我不起作用

<body style="margin:0px;width:600px; height:90%;" >

Answer 1

试试这个

$(function() {
    document.body.style.width = '600px'
    document.body.style.height= '900px'
});

或者如果您使用的是jQuery ......

 $(function() {
         $('body').css('width', '600px');
    $('body').css('height', '900px');
    });

Answer 2

实际上不可能调整浏览器当前窗口的大小。这只能由用户完成（幸运的是:)）

您可以使用window.open();将尺寸设置为新窗口，但这就是全部。

正如我在评论中所说：想想一个网站，每个网站都可以调整用户浏览器的大小......

Answer 3

您将无法控制身体的宽度。相反，您可以在身体内部和内容之外使用，然后设置宽度，高度和位置。

另外，要设置百分比的高度，您需要在CSS中将高度：100％应用于html和body。

所以，你的内容可能看起来像，

<html>
  .....
  <body>
    <div class="content-wrapper">
    .....
    </div>
  </body>
</html>

你的CSS可能看起来像，

html, body
{
  height: 100%;
}

.content-wrapper
{
  width: 600px;
  margin-left: auto; /* to center the div */
  margin-right: auto; /* to center the div */
  height: 90%;
  margin-top: 10%;
  box-sizing: border-box;
}

如何在JavaScript中设置当前页面大小

3 个答案: