CSS 多倍图（移动端图片适配）
首先我们得先知道我们css中的像素（px）跟物理像素的区别。
在PC端和早期的移动端屏幕时，我们1 css像素就=1物理像素。但是随着手机屏幕的分辨率不断的提高，相当于同样大小的屏幕里面拥有了更多的物理像素点。
因此出现的物理像素比。
例如我们最常用的iphone6,7,8来说，他们屏幕1 css 像素就 = 2个物理像素，不仅如此，随着屏幕分辨率的提高，物理像素比也跟着提高。因此，如果我们需要在移动端上显示一张50 css像素的图片，则需要准备一张100物理像素或者更高的图片，再手动的设置为50px，才能在移动端上清楚的显示出来，否则就会出现下列效果。
这就是多倍图的概念。
tips：需要多倍图可以借助PS的cutterman插件进行导出