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 个答案: