图像 - 全高，可通过CSS扩展

Question

我有一个高大但不宽的图像。我基本上希望它是一个完整的HEIGHT背景图像（例如，整个图像从上到下填充窗口）并占据窗口宽度的大约30％。我希望它在更大/更小的窗口中相应缩放。 （手机可能会改变一些）。

当我尝试使用background-cover时，我发现它会使图像变得庞大，并且在不同的窗口大小中，图像的高度会被浏览器窗口切断

Answer 1

实际上，我想我只是想出来了：

html { 
    background: url(image.jpg) no-repeat top left fixed; 
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
     background-size: auto 100%;
}