2、css3中可以通过background-size来控制图片的大小。
background-size属性用法：
background-size:
length|percentage|cover|contain
1）length:设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为
"auto"。
2）以父元素的百分比来设置背景图像的宽度和高度。
3）把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
4）把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。
具体示例可以参考：http://www.w3school.com.cn/cssref/pr_background-size.asp
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：body {background: url(image.jpg) no-repeatbackground-size: 300px}。
3、浏览器运行index.html页面，此时背景图片成功用css等比例缩小到了300px宽度的大小。
padding-top= (高度/宽度)*100%即图片的高度与宽度的比例,因此就能实现背景图宽度100%，高度自适应为了达到更好的效果再配合cover和center
