背景图(css sprite)尺寸设置，DIPS，设备像素比，Retina,,border 1px问题

做了一张足够大分辨率的图，要截取指定的图片位置就需要设置background-size，公示如下：

参考资料：

https://www.w3cplus.com/css/css-background-size-graphics.html

https://segmentfault.com/a/1190000004350120

高分辨率图像宽度 / 目标图像宽度 = X

原始Sprites图像宽度 / x = background-size的宽度值

高分辨率头像宽度=原图的那个头像宽度

目标像素宽度为指定的width和height，即x

原图sprites图像宽度：等于原图的宽度/x=宽度，即background-size:宽度,auto

参考资料：https://www.jianshu.com/p/6b1f94bfa263

物理像素（设备像素，也就是显示器的真实像素&