最近在25學(xué)堂的群里，發(fā)現(xiàn)有好幾位小伙伴們?cè)谠?xún)問(wèn)一些關(guān)于智能手機(jī)屏幕的分辨率尺寸的問(wèn)題。我也想肯定大多數(shù)的從事移動(dòng)開(kāi)發(fā)的小伙伴們也不是特別清楚，到底啥是邏輯分辨率和物理分辨率。

今天25學(xué)堂的老譚從個(gè)人的角度和一些極客的觀(guān)點(diǎn)中匯總出來(lái)，給大家掃盲一下。

眾所周知，手機(jī)屏幕分辨率是手機(jī)的重要參數(shù)之一。

大家都知道移動(dòng)端設(shè)備屏幕尺寸非常多，碎片化嚴(yán)重。尤其是Android，你會(huì)聽(tīng)到很多種分辨率：480x800, 480x854, 540x960, 720x1280, 1080x1920，而且還有傳說(shuō)中的2K屏、4K、5k等。近年來(lái)iPhone的碎片化也加劇了：640x960, 640x1136, 750x1334, 1242x2208。

今天重點(diǎn)跟大家普及下 ，什么是邏輯分辨率和物理分辨率

解釋一：俗話(huà)說(shuō)物理分辨率是硬件所支持的，邏輯分辨率是軟件可以達(dá)到的。

我們先來(lái)看看ios客戶(hù)端的尺寸分辨率表：

物理尺寸是指屏幕的實(shí)際大小。大的屏幕同時(shí)必須要配備高分辨率，也就是在這個(gè)尺寸下可以顯示多少個(gè)像素，顯示的像素越多，可以表現(xiàn)的余地自然越大。

解釋二：如同上圖所對(duì)應(yīng)的英文單詞一樣。

640*960、640*1136等這些都是物理尺寸或是物理分辨率。

而下面的320*480、320*568等這些都是邏輯分辨率或是邏輯尺寸。

解釋三：從另外的角度來(lái)說(shuō)：分辨率就是屏幕上橫、縱的總象素點(diǎn)數(shù)。

如果我們?cè)O(shè)計(jì)的時(shí)候用單位px，可以說(shuō)是物理分辨率尺寸。

如果我們?cè)O(shè)計(jì)的時(shí)候用單位pt，可以說(shuō)是邏輯分辨率尺寸。

下面拿iphone 6 plus詳細(xì)分析：

1、iPhone 6 Plus 的邏輯point分辨率用 360x640，也不是不可以，也即上面圖表中的?iPhone 6+ (b)方案，那么 scale 用 @3x，最終像素分辨率 360x640@3x 正好是 1080x1920，完美1:1映射，無(wú)需縮放；但缺點(diǎn)就是：iPhone 6 Plus的邏輯pt分辨率 360x640 就會(huì)比 iPhone 6的 375x667 還低，這天理不容啊，一個(gè)Plus的大屏幕雖然很精細(xì)，但是可顯示的實(shí)際內(nèi)容比 iPhone 6 還少。完全不符合 Bigger than bigger 。

打個(gè)比方就是：相同字號(hào)的情況下，iPhone 6如果一行顯示了25個(gè)字，而 iPhone 6 Plus 按這個(gè)邏輯pt方案，一行就會(huì)只能顯示24 個(gè)字了。

2、那如果邏輯point分辨率用 540x960 呢，也即圖表中的?iPhone 6+ (c)?， scale 沿用老的 @2x ，最終像素分辨率 540x960@2x 不正好是 1080x1920 嗎，也是完美1:1映射，無(wú)需縮放，還不需要多余做 @3x 素材； 而且這個(gè)方案的優(yōu)點(diǎn)也很明顯： pt 面積是 iPhone 6 的兩倍 (540x960 = 375x667x 2)，這樣屏幕可顯示的內(nèi)容一下就增多了 ； 但這個(gè)方案的缺點(diǎn)就更明顯了: 所有 iOS UI 元素尺寸在屏幕上的實(shí)際物理面積一下子就變小了，比如標(biāo)簽欄或?qū)Ш綑诎粹o的物理高度只有原來(lái)的 81.5% ，

點(diǎn)擊面積就只有iPhone 6的 0.815*0.815=66.4%，用戶(hù)點(diǎn)擊就困難了，總不至于蘋(píng)果考慮觸摸手指操作，為 <= iPhone 6 做一套設(shè)計(jì)規(guī)范，為 iPhone 6 Plus 再另外做一套設(shè)計(jì)規(guī)范。