iPhone 4 以前
2007年，初代iPhone發(fā)布，屏幕的寬高是 320 x 480 像素。下文也是按照寬度，高度的順序排列。這個(gè)分辨率一直到iPhone 3GS也保持不變。
那時(shí)編寫(xiě)iOS的App(應(yīng)用程序)，只支持絕對(duì)定位。比如一個(gè)按鈕(x, y, width, height) = (20, 30, 40, 50)，就表示它的寬度是40像素，高度是50像素，放在(20, 20)像素的位置。
iPhone 4之后
2010年，iPhone 4發(fā)布，率先采用Retina顯示屏，在屏幕的物理尺寸不變的情況下，像素成倍增加，達(dá)到 640 x 960 像素。
iOS 引入一個(gè)新的概念point(點(diǎn))。點(diǎn)這個(gè)概念在iOS開(kāi)發(fā)中十分重要，而非開(kāi)發(fā)者很少關(guān)注。iPhone 4屏幕尺寸繼續(xù)保持320 x 480，不過(guò)單位并非是像素，而是點(diǎn)。
在iPhone 3GS中，1個(gè)點(diǎn)等于1個(gè)像素。也就是說(shuō)，點(diǎn)跟像素可以直接互換。
在iPhone 4中，1個(gè)點(diǎn)等于2個(gè)像素。
iPhone 4和iPhone 3GS的屏幕尺寸實(shí)際上是一樣的，都是3.5英寸。同樣一個(gè)點(diǎn)，實(shí)際上看起來(lái)是一樣的。只是iPhone 4在單位英寸上像素更多，看起來(lái)更細(xì)膩。
開(kāi)發(fā)iOS的時(shí)候，使用點(diǎn)作為基本單位會(huì)更加方便。列表對(duì)比
iPhone手機(jī)
iPad平板電腦
這里的點(diǎn)和像素可以初步理解成，一個(gè)點(diǎn)等于多少個(gè)像素。2x，就是1個(gè)點(diǎn)等于2個(gè)像素。
單位
手機(jī)屏幕的物理長(zhǎng)度，使用英寸作為單位。比如iPhone 4屏幕是3.5英寸，iPhone 5 是4英寸，iphone 6是4.7英寸，這里的數(shù)字是指手機(jī)屏幕對(duì)角線的物理長(zhǎng)度。
屏幕像素，比如iPhone 3GS屏幕是320 x 480像素，iPhone 4是640 x 960像素，這里的像素可以想象成屏幕上真正用來(lái)顯示顏色的發(fā)光小點(diǎn)。
點(diǎn)，開(kāi)發(fā)App時(shí)候使用的單位，是一個(gè)虛擬的單位，并非實(shí)際存在的，因此點(diǎn)有時(shí)也叫虛擬點(diǎn)。點(diǎn)這個(gè)單位，用于屏蔽各個(gè)屏幕設(shè)備的不同，兼容以前的程序。
每英寸有多少個(gè)像素，稱為ppi(pixel per inch)。iPhone 4是640 x 960像素，對(duì)角線就是1154像素，除以3.5英寸，應(yīng)該是330ppi。而官方給出的數(shù)字是326ppi。當(dāng)像素太密，超過(guò)300ppi的時(shí)候，人眼也就不能區(qū)分出每個(gè)像素。因此iPhone 4的屏幕叫作Retina顯示屏。Retina在英文中，是視網(wǎng)膜的意思。
開(kāi)發(fā)中使用。
iPhone 4之后(x, y, width, height) = (20, 20, 30, 40)，就表示高度為30個(gè)點(diǎn)，寬度為40個(gè)點(diǎn)，放在(20, 20)個(gè)點(diǎn)的位置。
假設(shè)圖片 example.png，大小為 30 x 40像素（這里的單位是像素，數(shù)字圖片的單位通常都為像素）。當(dāng)這張example.png在iPhone 4中使用時(shí)候，都占據(jù)屏幕上30 x 40個(gè)點(diǎn)。而因?yàn)閕Phone 4中1個(gè)點(diǎn)等于2個(gè)像素，也就是30 x 40像素的圖片，占據(jù)了60 x 80像素的屏幕，因此這圖片在iPhone 4中看起來(lái)就會(huì)模糊。所以圖片的像素應(yīng)該為60*80像素。
在iPhone 6 Plus中，還出現(xiàn)3x模式，原理是一樣的。
開(kāi)發(fā)中美工切圖要@2x和@3x的各一張，( @1x的（iPhone 3GS）已經(jīng)淘汰了，所以不用切圖 )。
例如：
example@2x.png // 60 x 80像素
example@3x.png // 90 x 120像素
當(dāng)程序中使用example.png的時(shí)候，會(huì)根據(jù)屏幕模式自動(dòng)選擇對(duì)應(yīng)的圖片。屏幕2x模式，就會(huì)選擇example2x.png, 3x模式就會(huì)優(yōu)先選擇example@3x.png，假如example@3x.png不存在，就選擇example2x.png。
