Javascript窗口调整大小

Question

当您更改或拉伸浏览器窗口时，我正在尝试调整形状的大小，但是某些形状不会出现。 救命？

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>

        <style>
        html, body {
            height: 100%;
        }
        .circle {
            border-radius: 1000px;
            background-color: rgb(0, 162, 232);
        }
        </style>
    </head>
    <body>

        <div class = "circle"></div>
        <script>
            function myFunction() {
                var h = $("body").height();
                $(".circle").height(h / 2);
                $(".circle").width(h / 2);
            }
            myFunction();
            window.onresize = myFunction;
        </script>

    </body>
</html>

Answer 1

$("body").height()不是窗口的高度。 它是<body>元素的高度，其高度由页面内容的高度确定。

您可能想要的是$(window).height() 。

Answer 2

您的代码中的问题是您没有添加jquery lib

<head>
     <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
</head>

Answer 3

您只能在此处使用javascript。不需要jQuery。

var h = screen.height;
var w = screen.width;

Javascript窗口调整大小

问题描述

3 个解决方案

解决方案1
0 2016-01-18 03:59:43

解决方案2
0 已采纳 2016-01-18 04:25:07

解决方案3
0 2016-01-18 06:15:23

Javascript窗口调整大小

问题描述

3 个解决方案

解决方案1 0 2016-01-18 03:59:43

解决方案2 0 已采纳 2016-01-18 04:25:07

解决方案3 0 2016-01-18 06:15:23

解决方案1
0 2016-01-18 03:59:43

解决方案2
0 已采纳 2016-01-18 04:25:07

解决方案3
0 2016-01-18 06:15:23