在接下來(lái)的文章里，我會(huì)具體講清楚以下四個(gè)方面的知識(shí)。
1、分辨率、屏幕尺寸、像素密度（ppi）。
2、邏輯像素和物理像素。
3、ppi、pt、dpi、dp、sp它們與px之間的關(guān)系。
4、像素在前端中的運(yùn)用（整理當(dāng)中……）。
以上是iphone6的尺寸圖，它的分辨率是750*1334，大小是4.7英寸。
分辨率又稱顯示分辨率或屏幕分辨率，它是指水平方向或垂直方向像素的數(shù)量。
而通常我們所說(shuō)多少寸這種屏幕大小的計(jì)量單位，則是指屏幕對(duì)角線的長(zhǎng)度，單位是英寸。
1英寸=2.54厘米。
像素密度又稱PPI（Pixels Per Inch），即每英寸所擁有的像素?cái)?shù)量。
怎么計(jì)算iphone6的像素密度？
如下圖，通過(guò)勾股定理求出對(duì)角線方向上的像素，除以對(duì)角線長(zhǎng)度得出像素密度。
值得注意的是，日常當(dāng)中我們所說(shuō)的分辨率有時(shí)候是指ppi，而不是所謂的屏幕分辨率。就比如以下ps畫布的分辨率設(shè)置，準(zhǔn)確來(lái)講它應(yīng)該翻譯為像素密度而不是分辨率。
在iPhone4之前蘋果有一款手機(jī)叫iPhone 3gs。為什么會(huì)提到iPhone 3gs呢？
如圖，我們可以看到3gs和4的屏幕尺寸是一樣大，但PPI也就像素密度足足升華了一倍。這個(gè)跨時(shí)代的進(jìn)步同樣也帶來(lái)了一個(gè)麻煩，那就是原本顯示在3gs的畫面如果顯示在4上面則會(huì)縮小一倍。
就好比同樣1英寸的9個(gè)方格，現(xiàn)在變成18個(gè)方格，那么顯示在9個(gè)方格里面的東西則同比縮小一倍。
為了解決這個(gè)問(wèn)題，蘋果公司引入了pt（point）的概念，也就是我們所稱呼的邏輯像素。
其實(shí)說(shuō)白了就是取一個(gè)3gs里面的像素，只不過(guò)現(xiàn)在不叫1px而叫1pt。
回到最初3gs的畫面用4來(lái)顯示會(huì)縮小一倍的問(wèn)題，那怎么才能讓同一個(gè)圖案在3gs和4下顯示一樣呢？
iPhone 3gs ?1pt=1px
iPhone 4 ?1pt=2px
原本3gs用1像素顯示的東西在4里面用2個(gè)像素顯示就可以了。
綜上：
分辨率：水平或垂直方向像素的數(shù)量。
屏幕尺寸：對(duì)角線的長(zhǎng)度，單位英寸。
像素密度：1英寸長(zhǎng)度下的像素?cái)?shù)量。
邏輯像素：iPhone 3gs上的像素或163PPi下的像素。
物理像素：分辨率的單位也就是我們平常說(shuō)的像素。
dpi：安卓上ppi的稱呼。
dp：安卓上pt的稱呼。
sp：等同于dp，對(duì)文字邏輯像素的描述。
由于安卓屏幕碎片化嚴(yán)重故不做細(xì)微說(shuō)明，不過(guò)大體概念其實(shí)和IOS差不多。
如想了解更多，點(diǎn)擊以下鏈接：
