为了达到更好的效果再配合cover和center
既要宽度100%，又要不变形，这两个条件决定了图片的高度不能另外设置，只能跟随宽度的变化而变化，这样就无法保证完全覆盖剩余区域。除非把条件改为：当图片的宽高比大于区域的宽高比，则图片的高度100%，宽度超出区域的部分允许突出在区域外面；反之，则宽度100%，高度超出区域的部分允许突出在区域外面。是这个意思吗？具体使用方法如下：背景图尺寸（数值表示方式）：
代码如下:
#background-size{
background-size:200px 100px
}
背景图尺寸（百分比表示方式）：
代码如下:
#background-size2{
background-size:30% 60%
}
背景图尺寸（等比扩展图片来填满元素，即cover值）：
代码如下:
#background-size3{
background-size:cover
}
背景图尺寸（等比缩小图片来适应元素的尺寸，即contain值）：
代码如下:
#background-size4{
background-size:contain
}
背景图尺寸（以图片自身大小来填充元素，即auto值）：
代码如下:
#background-size5{
background-size:auto
}
