移動端項目中 @2x 圖 和 @3x 圖 的使用

移動端開發過程中，因爲手機的dpr(設備像素比不同)，我們需要根據dpr來修改圖標的大小:

如果設備像素大於等於2，則用2倍圖

在stylus中定義一個方法：

   bg-image($url)
   /\* 如果設備像素大於等於2，則用2倍圖 \*/
      background-image: url($url + "@2x.png") 
      background-repeat no-repeat
      @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)
       /\* 如果設備像素大於等於3，則用2倍圖 \*/
        background-image: url($url + "@3x.png")
        background-repeat no-repeat
        
        

-webkit-min-device-pixel-ratio: 3是指當時顯示屏最小的色倍爲3倍的