分辨率
- 屏幕分辨率：指屏幕可显示的像素的个数
- 图像分辨率：位图图像包含的像素的个数
对于 Retina 屏它的分辨率是传统屏的两倍，而屏幕大小没有变化，所以它需要的图片的分辨率应该是传统屏幕的两倍（甚至多倍），显示时按传统屏的大小显示，不然就会因为图像分辨率不够造成显示模糊。
像素
- CSS 像素
- 设备像素
- 设备无关像素
CSS 像素是设备无关像素，96 个像素长尾 1 英寸（2.54 厘米）
参考
CSS pixel - MDN Web Docs Glossary: Definitions of Web-related terms | MDN