開端
- 移動互聯網的特點
- 移動瀏覽器
- 移動web與 原生app
- 分辨率
移動互聯網的特點
“小巧輕便”及“通訊便捷”兩個特點，它決定了移動互聯網與PC互聯網的根本不同之處，
移動瀏覽器
移動瀏覽器包括內置瀏覽器、可下載瀏覽器、代理瀏覽器以及WebView
移動web與 原生app
移動web開發週期短但是對硬件設備的調用很弱
而原生app剛好相反
分辨率
分辨率是指屏幕圖像的精密度，是指顯示器所能顯示的像素的多少。如940*680表示該屏幕橫向有940個像素點，縱向有680個像素點。
- 屏幕尺寸
- 屏幕對角線的長度
- 單位英寸，1英寸等於2.54釐米
像素分爲三種：
- 設備像素
- 設備獨立像素
- CSS像素
設備像素
又稱物理像素，它表示顯示設備的真實像素。從一開始就固定，它表示該屏幕上有多少個像素點。即手機的屏幕大小的分辨率表示。
設備獨立像素
設備獨立像素的出現是爲了實現屏幕的分辨率（即物理像素）不一致而造成的的佈局不一致。它只是爲了讓同一個圖片或佈局在不同的屏幕下顯示的大小一樣。如iPhone3的物理像素是 320 * 480，設備獨立像素爲 320 * 480，iPhone4的設備像素爲 640 * 960，設備獨立像素爲320*480，爲了讓同一個圖片或佈局在不同的屏幕下顯示的大小一樣，因此我們用設備獨立像素來設置圖片大小。
設備獨立像素也是可以設置的，但是沒人閒着沒事去設置它，所以在沒有縮放的情況下，設備獨立像素可以等同於CSS像素。
設備獨立像素可以由如下代碼獲取：
screen.width //寬度
screen.height //高度
CSS像素
CSS像素是web編程的概念，用於邏輯上衡量像素的單位，也就是我們做網頁時用到的像素，是抽象的，不是實際存在的。我們看到的圖片的縮小和放大就是css像素在變化。它變化的原理是，當圖片放大一倍時，一個css像素 = 2個設備獨立像素或等於多少個設備像素 的，所以圖片的一個像素佔了2個設備獨立像素。相對來說在屏幕中佔的面積就變大了。
總結：所以css像素是設備獨立像素的倍數，而設備獨立像素又是設備像素的倍數。