background-size 如果以百分比的形式设置参数，第一个参数是宽度，第二页参数是高度。“如果只设置第一个参数，则第二个参数为auto”。这样设置，在Firefox chrome 浏览器中，图片都能根据元素的大小，平铺到元素上。
background-size: 100%;
但是，在IE 浏览器上，如果元素的高度大于图片高度时，图片将"repeat"显得,我们期望的结果：在高度时，图片也能均匀地拉伸，以达到铺满元素的效果。
background-size: 100%; background-repeat: no-repeat;
设置background-repeat 属性值为no-repeat后，图片缩回到它原来的大小的位置了。但是还是没达到我们的期望。
将background-size 的宽度和高度，都设置成100%的形式，可以实现图片均匀地拉伸显示到元素背景上。
background-size: 100% 100%;