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è)屬性。