手機物理分辨率和邏輯分辨率

不管安卓手機仍是蘋果手機都存在兩種分別率，一種是物理分辨率（真實分辨率），一種是邏輯分辨率（顯示屏分辨率），

二者間由 Scale Factor（縮放因子） 計算獲得，一般 物理分辨率 > 邏輯分辨率，而 物理分辨率 * 縮放因子 = 邏輯分辨率；

但在使用 臺式電腦、和 筆記本 的狀況下 物理分辨率 = 邏輯分辨率。

能夠使用meta標籤，讓手機的 物理分辨率 = 邏輯分辨率 

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

 

根據不一樣的分辨率設置不一樣的樣式

　　@media screen and (max-width: 640px){　　}

　　寬度像素小於或等於640px時

　　@media screen and (min-width: 640px){　　}

　　寬度像素大於或等於640px時