css - 添加图像时使宽度与屏幕相同而高度可滚动

Question

我有一个 2000* 8000 像素的图像。我想让宽度与加载窗口相同，而高度必须是可滚动的。 我的意思是页面加载后 width:100% 和 height:25% 必须只显示图像。然后，当我向下滚动时，必须显示其余高度，即图像应该只向下滚动，而不是横向滚动。

.img {
  max-width: 100%;
  max-height: 100%;
  height: inherit !important;
}

html {
  background: url(importantwebsite.jpg);
  background-size: 100%;
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;*/		
}

我使用了上面的代码，但它显示了 100% 的宽度和 25% 的高度，而图像的其余部分没有显示。请帮助..!!

Answer 1

演示 - http://jsfiddle.net/victor_007/uoco335z/

改变图片的width:100%和height:auto

.img {
  width: 100%;
  height: auto;
}

<img class="img" src="http://placeimg.com/2000/8000/any">