物理像素、設備獨立像素、CSS像素
物理像素:指的是終端設備上顯示的最小單位,我們可以把這些像素看做是顯示器上一個個的點。
設備獨立像素:指的是計算機座標系統中的一個個點,它是獨立於設備的用於邏輯上衡量像素的單位。常用dips來表示。
CSS像素:它是一個相對值,不是絕對值,是一個抽象的單位,是一種規範。最終顯示是取決於物理設備的。它的顯示方式由設備像素比來決定,如1px的CSS像素,在設備像素比爲2的設備中,會使用2*2=4個物理像素去顯示1px的CSS像素。
設備像素比dpr
window.devicePixelRatio
是設備上物理像素和設備獨立像素的比例,公式如下:
window.devicePixelRatio=物理像素/dips