1.background-size可以控制背景图像的大小。 一张清晰漂亮的背景图片能给网页加分不少， 设计师也经常会给页面的背景使用大图，我们 既不想图片因为不同分辨率图片变形，也不希 望当在大屏的情况下，背景有一块露白，简而 言之，就是实现能自适应屏幕大小又不会变形 的背景大图，而且背景图片不会随着滚动条滚 动而滚动。
2.基本语法： background-size：[//auto]{1,2}/cover/contain保持
3.取值说明： 1.:有浮点数和单位标识符组成的长度值。不可以为负值 2.:取值为0-100%的值。不可为负值 3.cover：保持背景图像本身的宽高比例，将图片缩放到正好完全覆盖 所定义的背景区域。 4.contain：保持图像本身本身的宽高比例，将图片缩放到宽度或高度 正好适应所定义背景区域。
示例：使用image-size属性自由定制背景图像的大小，让背景图自适应盒子的大小，设计与模块大小完全适应的背景图像。
<style type="text/css"> div{ margin:2px; float:left; border:solid lpx red; background:url(images/img2.jpg)no-repeat center; /*设计背景图像完全覆盖元素区域*/ background-size：cover；} /*设计元素大小*/ .h1 {height:80px;width:110px;} .h2{height:400px;width;550px;} </style> <div class="h1"></div> <div class="h2"></div>