景缩放
background-size 100px;  等比例缩放  尽量只改一个值 否则图片会是真扭曲也可以写百分比
常用的两个参数：
cover :会自动调整缩放比例，保证图片始终填充满背景区域，如有溢出自动隐藏
contain:图片等比例缩放，如果图片的宽度或者高度有一个和盒子一样大了就不在缩放，不会有缺失的部分，保证了图片的完整性。

多背景图片设置

    width: 800px;    
    height: 500px;    
    background: url(image/harry.jpg) no-repeat left top,
    url(image/denglun.jpg) no-repeat right bottom purple;

以逗号分隔可以设置多背景，课用于自适应布局，注意事项：
1. 一个元素可以设置多重背景图片
2. 每组属性间使用逗号分隔
3. 如果设置了多重背景之间存在交集，前面的图片会覆盖在后面图片之上
4. 为了避免背景色将图片覆盖，背景色通常定义在最后一组上