viewport預(yù)備知識(shí)
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è)物理像素。
