設(shè)備獨(dú)立像素： 也稱邏輯像素，（Device Independent Pixel, DIP）衷咽，可以理解為反映在CSS/JS代碼里的像素點(diǎn)數(shù)。
根據(jù)設(shè)備像素與CSS像素之間的關(guān)系、及DPR的官方定義，我們可以推斷出：
CSS像素 = 設(shè)備獨(dú)立像素 = 邏輯像素
如果在一個設(shè)備中仓犬，物理像素與邏輯像素相等，將不會產(chǎn)生任何問題舍肠。但是搀继，在iphone 4中窘面，物理像素是640px*960px，而邏輯像素?cái)?shù)為 320*480pt律歼。因此民镜，需要使用大約4個物理像素來顯示1個CSS像素。
也就是說我們經(jīng)常說的工程師尺寸就是邏輯像素险毁，設(shè)計(jì)師尺寸就是物理像素制圈。
我們平時描述一張圖片寬高時一般用 200px * 100px，這里的 px 也是邏輯像素畔况。
獲取方法：
document.documentElement.clientWidth //iphone6 => 320
document.documentElement.clientHeight //iphone6 => 667
邏輯像素
