Question

网站背景图和banner图怎样做成自适应？css怎么改？

Answer 1

背景图宽度自适应方法：

添加css样式background-size: 100%; 它的意思是规定背景图像的尺寸，但这个css样式使用时需要注意，有些浏览器是不支持，比如IE要求9+的版本才可以支持。
banner图自适应方法差不多，也是把图的宽度设置为百分比，容器的宽度依照窗口大小来设为百分比：
对图片添加宽度，因为不是背景图，所以对img添加css：
img {
width: 100%;
}
以上，希望对你有帮助，如果我没有说明白，可以追问。

追问

我的后台都是调用的，找不到在哪里改动....懵逼状态

追答

……后台？额，你说banner图是后台调用方法生产的么？ 那也无所谓，找不到也无所谓。我说的是前端的样式。你不是可以看到页面么？ 取到容器就行,再怎么后台调用生成，最终都要有一个容器作为目标的，然后通过容器来对容器中的img添加样式，把样式写在样式文件里就行了。如：容器 img{width:100%;} 不知道你能否看懂，比如有个div容器ID为div1，里面是生成banner的ul与li，样式就是#div1 ul li img{width:100%;} ，同时别忘了对容器的宽度做宽度自适应定义应该就行。我没说明白或我回答的不是你问的可以追问。

Answer 2

背景图用background-size:cover，可随容器大小变化图片大小