sprite圖片的處理
為了合併圖片請求我們經常會用到sprite技術。在rem佈局方案下，使用contain或cover來縮放背景圖片就無法奏效了。因為元素的背景其實是sprite圖片的區域性，contain和cover只能對整張圖片進行縮放，沒辦法控制到區域性的大小。
比如有如下一張200*50的sprite圖。

image

所以在處理sprite圖片時，我們只能給background-size取具體值。那麼這個值取多少呢？其實只要寫我們切出來的圖片的實際尺寸就行。

比如我們的元素為50*50px，sprite圖片為200*50px，那css應該如下：

#cpt{
    width: 0.5rem
 
; 
    height: 0.5rem;
    background-image: url(cpt.png);
    background-size: 2rem 0.5rem;
}

然後修改background-position我們就可以取到sprite上的其他圖片了。background-position也取具體值，也是按照切出來的圖的尺寸就行。