需要准备的材料分别有：电脑、浏览器、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
