图像随浏览器宽度增长？

Question

嘿嘿， 我有一个问题；有人知道如何让背景图像在宽度和高度方面随浏览器一起增长。我是什么意思？我这里有两个很好的例子；

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

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

这就是我正在寻找的东西......现在我的图像只保持居中...... *我不使用引导程序，我在 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..