1

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

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

2 http://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;
}
4

2 回答 2

2

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

background-size: 100% 100%

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

于 2013-09-04T01:16:34.560 回答
1

就用这个..？

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

jsFiddle示例..

于 2013-09-04T01:09:00.080 回答