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

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

屏幕尺寸：   
        指屏幕的對角線的長度，單位是英寸，1英寸=2.54釐米。
                常見的屏幕尺寸有2.四、2.八、3.五、3.七、4.二、5.0、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