dpr === dppx

dpr:device pixel ratio 設(shè)備像素比

dppx:Number of dots per px unit 每像素有多少點(diǎn) 。 1dppx = 96dpi

dpr = 設(shè)備物理像素 / 設(shè)備獨(dú)立像素

設(shè)備物理像素指顯示在移動(dòng)端中實(shí)際的像素。設(shè)備獨(dú)立像素是css中定義的像素。

比如說iphone4 的 dpr = 2,而此時(shí)設(shè)置border的寬度為1px(設(shè)備獨(dú)立像素),那么此時(shí)設(shè)備物理像素為2px。所以在移動(dòng)端上看到的是2px的邊框。

也就是說,n個(gè)獨(dú)立像素 = dpr * m 個(gè)物理像素。

window.innerWidth:保存可見視口,也就是屏幕上可見頁(yè)面區(qū)域的大小。移動(dòng)IE不支持這個(gè)屬性。

網(wǎng)友評(píng)論