第1个回答 2018-01-05
你指的自动缩放，是根据窗口（容器）大小改变而自动改变背景图的大小么？
如果是，请看下面：
<body>
<div style="width:100%;height:50px;background: url(a.jpg) no-repeat center top;background-size: 100%;">
</div>
</body>
在body里放一个div，宽度为100%（与浏览器窗口一样宽），然后给div添加背景图，这个窗口大小改变时，div的大小因为设置为100%所以一起改变。
这里div的背景图也会随div大小的改变而一起改变，因为为图片设置了background-size: 100%;这个css样式，它的意思是规定背景图像的尺寸，但这个css样式使用时需要注意，有些浏览器是不支持的，比如IE要求9+的版本才可以支持。
你可以把这段代码拷贝到你的html中测试一下，有问题可以随时追问。
以上，希望对你有帮助。
如果是，请看下面：
<body>
<div style="width:100%;height:50px;background: url(a.jpg) no-repeat center top;background-size: 100%;">
</div>
</body>
在body里放一个div，宽度为100%（与浏览器窗口一样宽），然后给div添加背景图，这个窗口大小改变时，div的大小因为设置为100%所以一起改变。
这里div的背景图也会随div大小的改变而一起改变，因为为图片设置了background-size: 100%;这个css样式，它的意思是规定背景图像的尺寸，但这个css样式使用时需要注意，有些浏览器是不支持的，比如IE要求9+的版本才可以支持。
你可以把这段代码拷贝到你的html中测试一下，有问题可以随时追问。
以上，希望对你有帮助。
第2个回答 推荐于2018-02-16
body {
background: url("./../img/bg.jpg") fixed center center no-repeat;
background-size: cover;
width: 100%;
}本回答被网友采纳
background: url("./../img/bg.jpg") fixed center center no-repeat;
background-size: cover;
width: 100%;
}本回答被网友采纳
第3个回答 2014-01-21
trasition:scale(0.7)
第4个回答 2014-01-21
不要做成背景。。而是直接用 <img />
相似回答
