手机物理分辨率和逻辑分辨率

不管安卓手机仍是苹果手机都存在两种分别率，一种是物理分辨率（真实分辨率），一种是逻辑分辨率（显示屏分辨率），

二者间由 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时