关于rem布局使用多倍图的问题

理解基础的像素概念

• 物理像素：即实际的每个物理像素，也就是移动设备上每个物理显示单元（点）

• 设备逻辑像素（css中的px）：能够理解为一个虚拟的相对的显示块，与物理像素有着必定的比例关系，也就是下面的设备像素比

• 设备像素比（dpr）：= 物理像素 / 设备独立像素(px)

即dpr等于1时，1px=1物理像素，依次类推。

dpr !==1 时致使图片模糊

• 在1dpr的屏幕上，位图像素和物理像素一一对应没什么问题，可是在retina屏上，因为一个px由4个甚至更多的物理像素组成，而且单个位图像素不能进一步分割，因此会出现就近取色的状况，若是取色不均，那么就会致使图片模糊。 对于这种状况，只能采用@2x、@3x这样的倍图来适配高清展现。