從設計方面來看，做手機界面設計的尺寸一般分為iPhone和Android兩種設備。

Android的常用邏輯分辨率：

Android的常用邏輯分辨率：參考屏幕尺寸大全?

360 * 640 、?360 * 720、?360 * 740、?360 * 760、?360 * 780、?360 * 800

411 * 731

480 * 853

iPhone的分辨率

設備

屏幕尺寸

像素密度

PPI

縱橫比

邏輯分辨率

(point)(pt)

物理分辨率

(pixel)(px)

縮放因子

(scale)

iPhone 13 Pro Max	6.7	458	19 : 9	428 x 926	1284 x 2778	3.0?xxhdpi
iPhone 13 Pro	6.1	460	19 : 9	390 x 844	1170 x 2532	3.0?xxhdpi
iPhone 13	6.1	460	19 : 9	390 x 844	1170 x 2532	3.0?xxhdpi
iPhone 13 mini	5.4	476	19 : 9	360 x 780	1080 x 2340	3.0?xxhdpi
iPhone 12 Pro Max	6.7	458	19 : 9	428 x 926	1284 x 2778	3.0?xxhdpi
iPhone 12 Pro	6.1	460	19 : 9	390 x 844	1170 x 2532	3.0?xxhdpi
iPhone 12 Mini	5.4	476	19 : 9	360 x 780	1080 x 2340	3.0?xxhdpi
iPhone 11 Pro	5.8	458	19 : 9	375 x 812	1125 x 2436	3.0?xxhdpi
iPhone 11 Pro Max	6.5	458	19 : 9	414 x 896	1242 x 2688	3.0?xxhdpi
iPhone 11 （11，XR）	6.1	326	19 : 9	414 x 896	828 x 1792	2.0?xhdpi
iPhone XS Max	6.5	458	19 : 9	414 x 896	1242 x 2688	3.0?xxhdpi
iPhone X (X,XS)	5.8	458	19 : 9	375 x 812	1125 x 2436	3.0?xxhdpi
iPhone 8+ (8+, 7+, 6S+, 6+)	5.5	401	16 : 9	414 x 736	1242 x 2208	3.0?xxhdpi
iPhone 8 (8, 7, 6S, 6)	4.7	326	16 : 9	375 x 667	750 x 1334	2.0?xhdpi
iPhone 5 / 5S / 5C / SE	4.0	326	9:16	320 x 568	640 x 1136	2.0?xhdpi
iPhone 4 /?4S	3.5	326	2:3	320 x 480	640 x 960	2.0?xhdpi
iPhone 2G / 3 /?3GS	3.5	163	2:3	320 x 480	320 x 480	1.0?xhdpi

全新 iPhone 12 發布，再談 iPhone 屏幕尺寸

平板分辨率主要有下面羅列的9種

電腦分辨率主要有以下幾種

2560 x 1440 (四高清晰度，超清) 2560?x?1600 (2k+超清屏) 2048?x?1536 (2k超清屏，視網膜屏) 1920?x?1200 (1080p+全高清屏) 1920?x?1080 (1080p?全高清) 1366?x?768? (720p+高清屏) 1280?x?800? (720p?寬屏) 1024?x?768? (720p?屏) 1136?x?640 1024?x?600 800?x?480 (可以看到明顯的像素點，清晰度低)	1920?x?1080(推薦) 1680?x?1050 1600?x?1200 1600?x?900 1440?x?900 1280?x?1024 1280?x?960 1280?x?768 1280?x?720 1152?x?864 1024?x?768 800?x?600

屏幕尺寸

屏幕尺寸是指屏幕的對角線長度。

單位

屏幕的單位是以英寸為單位。換算關系如下：1 inch = 2.54cm = 25.4mm

邏輯分辨率和物理分辨率

邏輯分辨率以point（pt）為單位，物理分辨率以pixel（px）為單位。

縮放因子（scale）

因為邏輯分辨率和物理分辨率存在著一定的比例關系，這種比例的關系稱為縮放因子。其對應關系為：1pt = scale * px

像素密度PPI

像素密度PPI(Pixel Per Inch)是指每英寸上容納的像素數量。

計算PPI，可以簡單用勾股定理計算出對線上出現的像素，再除以對角線上長度：

我們知道，手機的屏幕是以像素的方式一個一個呈現出來的。PPI值越高，意味著有更細膩的畫面。較低PPI的屏幕看起來有顆粒感。但是當PPI值到達一定程度后，再繼續提升肉眼就分別不出來了。這就是蘋果提出的Retina顯示屏的概念。在一定的距離內，手機顯示屏在200PPI以上時，肉眼就分辨不出單個像素點了。

總結

以上是生活随笔為你收集整理的【移动端】手机界面的设计尺寸的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。