图像随浏览器宽度增长？

Question

HEEE， 我有一个问题;有没有人知道如何让你的背景图像随着浏览器的宽度和高度而增长。我的意思是什么？我在这里有两个很好的例子;

1 http://www.google.com/nexus/7/

2 http://getbootstrap.com/examples/carousel/

这就是我正在寻找的......现在我的形象只保持居中...... *我不使用bootstrap我在css中制作了自己的响应式设计。

#heat{ 
background: url(../img/full.jpg) 50% 0 no-repeat;
position: absolute; 
height: 100%;
width: 100%; 
margin: 0 auto;
padding: 0;
}

Answer 1

如果您使用的是css3，则可以使用background-size属性：

background-size: 100% 100%

您还可以使用以下jquery插件：http://srobbin.com/jquery-plugins/backstretch/

Answer 2

请使用这个..？

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

jsFiddle example ..