css - 如何响应式地将图像高度缩放到设备的高度

Question

在我网站的首页上，我有一张图片，我想适应屏幕/设备的高度，如果设备高度发生变化，它应该通过调整大小(而不是裁剪)来响应地反射(reflect)这一点。我如何实现这一目标？

我希望我说得有道理，请参阅 this jsfiddle 作为我想要实现的目标的示例。

尝试过:

min-height:100%;
min-width:100%;

Answer 1

尝试将其设为背景并使用

 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;

来源:http://css-tricks.com/perfect-full-page-background-image/