屏幕尺寸、屏幕分辨率、屏幕像素密度

屏幕尺寸：   
        指屏幕的對角線的長度，單位是英寸，1英寸=2.54厘米。
                常見的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。

屏幕分辨率：（iphone6  750*1334）
        指在橫縱向上的像素點數，單位是px，1px=1個像素點。一般以縱向像素*橫向像素來表示一個手機的分辨率，
                如1960*1080。（這裏的1像素指的是物理設備的1個像素點）

屏幕像素密度/像素密度/屏幕密度：
        屏幕上每英寸可以顯示的像素點的數量，單位是ppi，即“pixels per inch”的縮寫。
        屏幕像素密度與屏幕尺寸和屏幕分辨率有關
 

物理像素,CSS像素

 設備像素/物理像素：（分辨率）
            買手機的時候會有一個 n x m 的分辨率，那是屏幕的n x m個呈像的點，
                一個點（小方格）為一個物理像素。
                    它是屏幕能顯示的最小粒度.

            設備像素也被稱為物理像素,他是顯示設備中一個最微小的物理部件。
                 每個像素可以根據操作系統設置自己的顏色和亮度。

            任何設備的物理像素的數量都是固定的 

CSS像素：
            CSS像素是一個抽象的單位，主要使用在瀏覽器上，用來精確的度量（確定）Web頁面上的內容。

            它是為web開發者創造的，在css或者javascript中使用的一個抽象的層

            一般情況下，CSS像素被稱為與設備無關的像素（device-independent像素），簡稱為“DIPs”。
            在一個標準的顯示密度下(普通屏)，一個CSS像素對應著一個設備像素。

css像素與物理像素的關系
            一個width為200px的元素，它占據了200個css像素，但200個css像素占據多少個物理像素取決於
            屏幕的特性（是否是高密度,即像素比）和用戶的縮放行為。

            在蘋果的視網膜屏幕上，視網膜的像素密度是普通屏幕的兩倍，這個元素就跨越了400個設備像素
            如果用戶放大，它將跨越更多的設備像素

設備獨立像素:設備獨立像素(也叫密度無關像素)，可以認為是計算機坐標系統中得一個點，
            這個點代表一個可以由程序使用的虛擬像素(比如: css像素)，
                然後由相關系統轉換為物理像素。

位圖像素：一個位圖的像素是柵格圖像(如：png, jpg, gif等)最小的數據單元  
        1個位圖像素對應於1個物理像素，圖片才能得到完美清晰的展示       

對於web開發者而言：
            我們使用的每一個css和javascript定義的像素本質上代表的都是css像素，我們在開發過程中
            並不在意一個css像素到底跨越了多少個設備像素。我們將這個依賴於屏幕特性和用戶縮放程度的
            復雜計算交給了瀏覽器。
 

像素比

像素比:它的官方的定義為：設備物理像素和設備獨立像素的比例，
        也就是 devicePixelRatio = 物理像素 /獨立像素
            window.devicePixelRatio

淺談一下web移動端基本