Question

通过在线的各种研究，我发现用户无法通过window.resizeTo(200,200)函数或changeScreenSize(200,200)重新调整浏览器的大小，因为浏览器制造商已将其禁用。

我正在尝试使用html设计键盘。而我的键盘并不是要填满整个屏幕。它只使用不到一半的浏览器屏幕。你们有没有想过如何调整浏览器窗口的大小？

Answer 1

您无法调整窗口大小。

根据this文档，如果窗口是父窗口，则无法调整窗口大小。

那我该如何调整大小？

即使您无法调整窗口大小，但您可以调整任何DOM元素的大小。一种解决方案是将所有正文html代码包装到div中，并调整该div的大小。 Here是一个简单的演示。 不要考虑调整身体的大小，因为身体是特殊的DOM，你不能设置溢出滚动。根据{{3}}回答。

这是代码

＆＃13;

// Code goes here

$(function() {
  $("#btnExpand").on("click", function() {
    $(".container").height(1000);
  });
  $("#btnCollapse").on("click", function() {
    $(".container").height(500);
  });
});

＆＃13;

.container {
  overflow: scroll;
  height: 1000px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <button id="btnExpand">Expand</button>
  <button id="btnCollapse">Collapse</button>
  <ul>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
  </ul>
</div>

＆＃13;

这不会调整浏览器窗口的大小。但这会调整您的页面将要显示的视口

Answer 2

试试这个

$("#login_form").ready(function() { 
    $('#username').val($.cookie('username')).change();
    $('#password').val($.cookie('password')).change();    
    //alert($('#password').val($.cookie('password')).change());  
    $('#remember').click(function()
    {
       var username = $('#username').val();
       var password = $('#password').val();    
       // set cookies to expire in 30 days
       $.cookie('username', username, { expires: 30 });
       $.cookie('password', password, { expires: 30 });        
    });
});

http://jsfiddle.net/7Le8mgqf/

在onload期间调整浏览器大小

2 个答案: