viewport預(yù)備知識
dpr === dppx
dpr：device pixel ratio 設(shè)備像素比
dppx：Number of dots per px unit 每像素有多少點 。 1dppx = 96dpi
dpr = 設(shè)備物理像素 / 設(shè)備獨立像素
設(shè)備物理像素指顯示在移動端中實際的像素。設(shè)備獨立像素是css中定義的像素。
比如說iphone4 的 dpr = 2，而此時設(shè)置border的寬度為1px（設(shè)備獨立像素），那么此時設(shè)備物理像素為2px。所以在移動端上看到的是2px的邊框。
也就是說，n個獨立像素 = dpr * m 個物理像素。
