Css 如何显示全高背景图像？

我有一个照片类型（不是横向）背景图像，宽979px，高1200px。我想将其设置为向左浮动，并显示100%固定的完整图像高度，而无需向上/向下滚动（无论内容长度）

这是我的CSS代码，但不起作用：

img, media {
    max-width: 100%;
}

body {
    background-color: white;
    background-image: url('../images/bg-image.jpg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

---

CSS可以使用背景大小：封面

但是为了更详细和支持更多浏览器

像这样使用纵横比：

 aspectRatio      = $bg.width() / $bg.height();

---

您可以使用现有的代码来完成，只需确保

html

和

body

设置为100%高度即可

演示：

这对我来说很有用（尽管它是用于内联CSS的reactjs和tachyons）

........

这将css视为高度：100vh{ 背景图像：url（“../images/shape/Online_Do`kon.svg”）； 背景重复：无重复； 背景大小：100%100%； 高度：100vh； }

---

这将创建完全响应的图像，并显示100%的图像高度，但实际上不包括全屏高度

请定义“不工作”。谢谢。我一直想知道为什么这是工作，不时。现在我知道了：太好了！重要的事实是我从来没有想到这一点，这就是为什么我有点惊讶。设置

背景图像后应执行所有操作。我之前设置了
背景大小
，但它不起作用。
html, body {
    height:100%;
} 

body {
    background-color: white;
    background-image: url('http://www.canvaz.com/portrait/charcoal-1.jpg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

 html, body {
    height:100%;
}

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

<div className="pa2 cf vh-100-ns" style={{backgroundImage: `url(${a6})`}}> 
........
</div>