Question

我使用jquery脚本来调整div的大小，代码似乎适用于CodePen但不适用in my document

<head>
    <style type="text/css">
        body {
            margin: 0px;
        }

        .splaix {
            position: relative;
            background-image: url(http://carmemarin.net/img/splaix/escales.jpg);
            background-size: cover;
            background-position: center;
        }

        .mes {
            height:2000px;
        }
    </style>

</head>

<body>
    <div class="splaix"></div>
    <div class="mes"></div>

    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script>
        function resizeDiv() {
            var vph = $(window).height();
            $('.splaix').css({'height': vph + 'px'});
        }

        $(document).ready(function(){
            resizeDiv();
        });

        window.onresize = function(event) {
            resizeDiv();
        };
    </script>

</body>

虽然<div class="mes">没有高度，但Jquery返回窗口高度，但如果将固定高度设置为<div class="mes">，则Jquery会返回文档的高度。

这里有什么问题？无论其他页面元素如何，我如何获得视口高度？

Jquery窗口高度计算

0 个答案: