Javascript 为什么图像没有';你不能把这一页看得很高吗?

Javascript 为什么图像没有';你不能把这一页看得很高吗?,javascript,jquery,Javascript,Jquery,我希望图像(任何图像)的高度等于窗口高度,即使在调整大小时,我也希望通过jquery来实现。 我在jquery中使用了resize方法,但没有得到所需的结果 html: jquery: $(function () { $(".header").height($(window).height()); $(window).resize(function () { $(".header").height($(window).height())

我希望图像(任何图像)的高度等于窗口高度,即使在调整大小时,我也希望通过jquery来实现。 我在jquery中使用了resize方法,但没有得到所需的结果

html:

jquery:

$(function () {
        $(".header").height($(window).height());

        $(window).resize(function () {

            $(".header").height($(window).height());
        });
});

这里不需要JS。CSS本身就可以完成这项工作,出于两个原因,CSS更可取。首先,这是一个UI问题,所以你不应该使用JS作为支撑。其次,它的性能更好,您不需要依赖
resize
事件来更新元素的设置

要实现所需功能,请使用
vh
(视口高度)单位,如下所示:

html,正文{
填充:0;
保证金:0;
}
标题{
背景色:#ccc;
高度:100vh;
}
div{
最小高度:50px;
}

我是全高头球。。。
这里有一些内容。。。

也分享你的HTML?如果你有CSS,也分享你的CSS。好的@void和amflare我想使用jquery,因为我正在练习我编辑了问题。如果是这样,你需要使用
背景尺寸:封面
:。尽管我强烈建议您在生产环境中始终在CSS中执行此操作
.container {
       width: 1200px;
       margin: auto;
}

.header {
background: url('https://preview.ibb.co/cu9YyH/download.jpg');
background-repeat: no-repeat;
}
$(function () {
        $(".header").height($(window).height());

        $(window).resize(function () {

            $(".header").height($(window).height());
        });
});