移动端图片适配：

根据设备像素比加载 1x图 2x图 3x图 …
①.使用背景图片实现
先设置默认图片，再利用媒体查询去修改设备像素比大于2的，换张图片。
②.使用img标签实现

<img srcset>
<img srcset="images/music_small.png,
           	 images/music_small_2x.png 2x"
     src="images/music_small.png"
     alt="耳机">

img中的srcset引入图片，1px的直接引入，2px的在图后面写2px，为了兼容好，浏览器不认识srcset，要再写个src引入图片地址。
③.使用picture标签实现，推荐使用

<picture> <source>
<picture>
    <source srcset="images/music_small_2x.png" media="(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx)">
    <source srcset="images/music_small.png">
    <img src="images/music_small.png" alt="耳机">
</picture>

用srcset引入图片，用media设置媒体查询。