iphone-ipad-photo  

從 2007 年蘋果公司發表 iPhone 至今 10 年,螢幕大小尺寸也和 Android 陣營一樣呈現分裂的局面,這情況對某些很堅持「滿版介面」的軟體是個頭痛的問題。開一篇文章把歷年來所有的 iPhone / iPad 裝置使用的螢幕尺寸做一次總整理。

iPhone 裝置 尺寸統稱 環境尺寸 填充倍率 實際螢幕尺寸

高寬比(高/寬)

2G/3G/3GS 3.5吋 320x480 1 320x480

1.5:1

4/4s 3.5吋 320x480 2 640x960 1.5:1
5/5s/5c/SE 4吋 320x568 2 640x1136 1.77:1
6/7/8 4.7吋 375x667 2 750x1334 1.77:1
6+/7+/8+ 5.5吋 414x736 3 1242x2208 (Scale to 1080x1920) 1.77:1
X 5.8吋 375x812 3 1125x2436 2.16:1

iPhone 總結:iPhone 螢幕規範非常分歧,寫程式會用到的環境尺寸就有五種,填充倍率有三種,影響最大的高寬比更有三種,這已經比 Android 普遍採行 16:9 (1.77:1) 還要更分歧。另外,別天真的以為高寬比 1.5:1 機種隨著 iPhone 4s 下檔後會逐漸消失,若你的 App 只支援 iPhone 的話,在 iPad 上面就是呈現 1.5:1 的版面,如果 iPhone APP 不支援這種寬高比的話,一樣會被退件。

iPad 裝置 尺寸統稱 環境尺寸 填充倍率 實際螢幕尺寸

高寬比(高/寬)

1/2 9.7吋 768x1024 1 768x1024

1.33:1

3(new iPad)/4/Air/Air2/5th 9.7吋 768x1024 2 1536x2048 1.33:1
mini 1/2/3/4 7.9吋 768x1024 2 1536x2048 1.33:1
iPad Pro  9.7 inch 9.7吋 768x1024 2 1536x2048 1.33:1
iPad Pro  10.5 inch 10.5吋 834x1112 2 1668x2224 1.33:1
iPad Pro  12.9 inch 12.9吋 1024x1366 2 2048x2732 1.33:1

iPad 就單純多了,環境尺寸雖然有三種,但高寬比只有一種,換言之講求滿版呈現的 iPad App 只需設計一種版面,在不同尺寸的 iPad 上縮放填充就行了。

文章標籤
創作者介紹
創作者 benjenq 的頭像
benjenq

-Ben's PHOTO-

benjenq 發表在 痞客邦 留言(0) 人氣()