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