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

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

兩者間由 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時