首页自适应背景图，不用 js 实现高度为浏览器可见高度？

[fyh1807008]

载入的首页大图正好height是浏览器的高，看了下代码感觉不是js算出来的，用css怎么实现？
例子： https://bitcoinfoundation.org/

[wolfan]

min-height:100%
么？

[ihuguowei]

background-size:cover

[JoyNeop]

http://snook.ca/archives/html_and_css/vm-vh-units

[lemonda]

.home .site-header .bg-image {
background-image: url("../img/bitcoin-bg-1.jpg");
background-position: center center;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}

[txlty]

测试的姿势不对。
把JS禁用，再看，效果没了。

[pandada8]

height:100vh

[linking]

@txlty you're right

[lvwzhen]

100vh 才是对的

[Slienc7]

body {
margin:0;
padding:0;
background: #000 url('imgs.jpg') center center fixed no-repeat;
-moz-background-size: cover;
background-size: cover;
}

[ooh]

body {
background: url(../img/bg.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

[Doubear]

楼上那么多答案 到底哪个是正确的啊？

[Grenadn]

需要把html元素和body元素设为height:100%，然后给body加上background，把它的background-size设为cover，over

[kmvan]

这网站。。。居然是“沉浸式”顶栏。。。

[fyh1807008]

正解 @JoyNeop
vh赞