在rem布局下使用背景图片以及sprite

1.CSS3为background-size属性增加了两个值：cover与contain。

  cover会铺满但是可能会显示不全，contain会完全显示但可能会铺不满元素。

2.当元素与背景图片的大小一样，或者是宽高比例一致时，contain和cover的填充效果是一样的，因为两者在拉伸后总能使图片“恰好”完全充满元素。

3.background-size可以取具体的值以及百分比。

4.在处理sprite图片时，只能给background-size取具体值。只要写切出来的图片的实际尺寸就行。

   然后修改background-position就可以取到sprite上的其他图片了，background-position也取具体值，也是按照切出来的图的尺寸就行。