關於rem佈局使用多倍圖的問題

理解基礎的像素概念

• 物理像素：即實際的每個物理像素，也就是移動設備上每個物理顯示單元（點）

• 設備邏輯像素（css中的px）：能夠理解爲一個虛擬的相對的顯示塊，與物理像素有着必定的比例關係，也就是下面的設備像素比

• 設備像素比（dpr）：= 物理像素 / 設備獨立像素(px)

即dpr等於1時，1px=1物理像素，依次類推。

dpr !==1 時致使圖片模糊

• 在1dpr的屏幕上，位圖像素和物理像素一一對應沒什麼問題，可是在retina屏上，因爲一個px由4個甚至更多的物理像素組成，而且單個位圖像素不能進一步分割，因此會出現就近取色的狀況，若是取色不均，那麼就會致使圖片模糊。 對於這種狀況，只能採用@2x、@3x這樣的倍圖來適配高清展現。