Apple設備屏幕尺寸和方向

来源:https://www.cnblogs.com/StarLikeRain/p/18009487
-Advertisement-
Play Games

摘要： 在開發iOS應用程式時，一個重要的任務是確保應用在不同的屏幕和設備上呈現出良好的用戶體驗。為了實現這一目標，iOS提供了尺寸類別、Auto Layout和Size Classes等強大的工具和技術。 尺寸類別是描述設備屏幕尺寸的屬性，它可以幫助開發者瞭解當前界面所在的設備環境。明確的設備尺寸... ...


表格中包括了各種型號的iPad、iPhone、以及iPod touch等設備的詳細信息，涵蓋了從iPad Pro到各代iPhone和iPod touch的多個型號。

這些信息可用於開發應用程式時優化界面佈局和圖像顯示，確保在不同設備上有良好的顯示效果。

Device screen sizes and orientations

Device

Dimensions (portrait)

12.9” iPad Pro

1024x1366 pt (2048x2732 px @2x)

11” iPad Pro

834x1194 pt (1668x2388 px @2x)

10.5” iPad Pro

834x1194 pt (1668x2388 px @2x)

9.7” iPad Pro

768x1024 pt (1536x2048 px @2x)

8.3” iPad mini

744x1133 pt (1488x2266 px @2x)

7.9” iPad mini

768x1024 pt (1536x2048 px @2x)

10.9” iPad Air

820x1180 pt (1640x2360 px @2x)

10.5” iPad Air

834x1112 pt (1668x2224 px @2x)

9.7” iPad Air

768x1024 pt (1536x2048 px @2x)

10.2” iPad

810x1080 pt (1620x2160 px @2x)

9.7” iPad

768x1024 pt (1536x2048 px @2x)

iPhone 15 Pro Max

430x932 pt (1290x2796 px @3x)

iPhone 15 Pro

393x852 pt (1179x2556 px @3x)

iPhone 15 Plus

430x932 pt (1290x2796 px @3x)

iPhone 15

393x852 pt (1179x2556 px @3x)

iPhone 14 Pro Max

430x932 pt (1290x2796 px @3x)

iPhone 14 Pro

393x852 pt (1179x2556 px @3x)

iPhone 14 Plus

428x926 pt (1284x2778 px @3x)

iPhone 14

390x844 pt (1170x2532 px @3x)

iPhone 13 Pro Max

428x926 pt (1284x2778 px @3x)

iPhone 13 Pro

390x844 pt (1170x2532 px @3x)

iPhone 13

390x844 pt (1170x2532 px @3x)

iPhone 13 mini

375x812 pt (1125x2436 px @3x)

iPhone 12 Pro Max

428x926 pt (1284x2778 px @3x)

iPhone 12 Pro

390x844 pt (1170x2532 px @3x)

iPhone 12

390x844 pt (1170x2532 px @3x)

iPhone 12 mini

375x812 pt (1125x2436 px @3x)

iPhone 11 Pro Max

414x896 pt (1242x2688 px @3x)

iPhone 11 Pro

375x812 pt (1125x2436 px @3x)

iPhone 11

414x896 pt (828x1792 px @2x)

iPhone XS Max

414x896 pt (1242x2688 px @3x)

iPhone XS

375x812 pt (1125x2436 px @3x)

iPhone XR

414x896 pt (828x1792 px @2x)

iPhone X

375x812 pt (1125x2436 px @3x)

iPhone 8 Plus

414x736 pt (1080x1920 px @3x)

iPhone 8

375x667 pt (750x1334 px @2x)

iPhone 7 Plus

414x736 pt (1080x1920 px @3x)

iPhone 7

375x667 pt (750x1334 px @2x)

iPhone 6s Plus

414x736 pt (1080x1920 px @3x)

iPhone 6s

375x667 pt (750x1334 px @2x)

iPhone 6 Plus

414x736 pt (1080x1920 px @3x)

iPhone 6

375x667 pt (750x1334 px @2x)

4.7” iPhone SE

375x667 pt (750x1334 px @2x)

4” iPhone SE

320x568 pt (640x1136 px @2x)

iPod touch 5th generation and later

320x568 pt (640x1136 px @2x)

 

這個表格列出了不同設備的屏幕尺寸和方向（portrait and landscape，縱向/橫向）以及它們在point（pt）和像素（px）之間的轉換關係。

每個設備都有相應的縱向尺寸和橫向尺寸，在縱向模式下，它們的屏幕解析度是多少。

比如，以iPad Pro系列為例，12.9英寸的iPad Pro在縱向模式下的尺寸為1024x1366 pt，對應的像素為2048x2732 px @2x。這意味著在這種模式下，屏幕上有1024x1366個點，實際顯示時為2048x2732個像素。

 

Device size classes

尺寸類別屬性是系統提供給開發者的一種指導，用於描述設備屏幕的不同尺寸類別。它們可以幫助開發者更好地瞭解當前界面所在的設備環境，從而做出相應的佈局和設計調整。

 

“常規寬度，常規高度”和“緊湊寬度，緊湊高度”是用來描述設備屏幕尺寸的不同類別。這些尺寸類別會影響應用程式的佈局和顯示效果，特別是在響應式設計方面。

  • 常規寬度，常規高度（Regular width, Regular height）：這種尺寸類別適用於較大的屏幕，如iPad等大屏設備，以及iPhone在橫向模式下。在這種情況下，應用程式通常有更多的空間來展示內容，因此可以考慮採用更複雜的佈局和設計。

  • 緊湊寬度，緊湊高度（Compact width, Compact height）：這種尺寸類別適用於較小的屏幕，如iPhone等小屏設備，以及iPad在豎向模式下。在這種情況下，屏幕空間有限，因此應用程式可能需要採取簡化佈局或調整元素大小以適應較小的屏幕空間。

對於開發者來說，理解不同尺寸類別的差異可以幫助他們更好地設計適配不同設備的界面佈局。通過使用Auto Layout和Size Classes等技術，開發者可以針對不同尺寸類別創建靈活的界面，確保應用程式在各種設備上都能夠呈現出最佳的用戶體驗。

An illustration of an iPad and an iPhone in both portrait and landscape orientations. Each device in each orientation includes a red screen and arrowed lines that indicate the full height and width of the screen.

Device

Portrait orientation

Landscape orientation

12.9” iPad Pro

Regular width, regular height

Regular width, regular height

11” iPad Pro

Regular width, regular height

Regular width, regular height

10.5” iPad Pro

Regular width, regular height

Regular width, regular height

9.7” iPad

Regular width, regular height

Regular width, regular height

7.9” iPad mini

Regular width, regular height

Regular width, regular height

iPhone 15 Pro Max

Compact width, regular height

Regular width, compact height

iPhone 15 Pro

Compact width, regular height

Compact width, compact height

iPhone 15 Plus

Compact width, regular height

Regular width, compact height

iPhone 15

Compact width, regular height

Compact width, compact height

iPhone 14 Pro Max

Compact width, regular height

Regular width, compact height

iPhone 14 Pro

Compact width, regular height

Compact width, compact height

iPhone 14 Plus

Compact width, regular height

Regular width, compact height

iPhone 14

Compact width, regular height

Compact width, compact height

iPhone 13 Pro Max

Compact width, regular height

Regular width, compact height

iPhone 13 Pro

Compact width, regular height

Compact width, compact height

iPhone 13

Compact width, regular height

Compact width, compact height

iPhone 13 mini

Compact width, regular height

Compact width, compact height

iPhone 12 Pro Max

Compact width, regular height

Regular width, compact height

iPhone 12 Pro

Compact width, regular height

Compact width, compact height

iPhone 12

Compact width, regular height

Compact width, compact height

iPhone 12 mini

Compact width, regular height

Compact width, compact height

iPhone 11 Pro Max

Compact width, regular height

Regular width, compact height

iPhone 11 Pro

Compact width, regular height

Compact width, compact height

iPhone 11

Compact width, regular height

Regular width, compact height

iPhone XS Max

Compact width, regular height

Regular width, compact height

iPhone XS

Compact width, regular height

Compact width, compact height

iPhone XR

Compact width, regular height

Regular width, compact height

iPhone X

Compact width, regular height

Compact width, compact height

iPhone 8 Plus

Compact width, regular height

Regular width, compact height

iPhone 8

Compact width, regular height

Compact width, compact height

iPhone 7 Plus

Compact width, regular height

Regular width, compact height

iPhone 7

Compact width, regular height

Compact width, compact height

iPhone 6s Plus

Compact width, regular height

Regular width, compact height

iPhone 6s

Compact width, regular height

Compact width, compact height

iPhone SE

Compact width, regular height

Compact width, compact height

iPod touch 5th generation and later

Compact width, regular height

Compact width, compact height

 

An illustration of iPad in landscape orientation with the left two-thirds of its screen shaded.2/3 split view

 

 

An illustration of iPad in landscape orientation with the left half of its screen shaded.1/2 split view

 

 

An illustration of iPad in landscape orientation with the left one-third of its screen shaded.1/3 split view

 

Device

Mode

Portrait orientation

Landscape orientation

12.9” iPad Pro

2/3 split view

Compact width, regular height

Regular width, regular height
 

1/2 split view

N/A

Regular width, regular height
 

1/3 split view

Compact width, regular height

Compact width, regular height

11” iPad Pro

2/3 split view

Compact width, regular height

Regular width, regular height
 

1/2 split view

N/A

Compact width, regular height
 

1/3 split view

Compact width, regular height

Compact width, regular height

10.5” iPad Pro

2/3 split view

Compact width, regular height

Regular width, regular height
 

1/2 split view

N/A

Compact width, regular height
 

1/3 split view

Compact width, regular height

Compact width, regular height

9.7” iPad

2/3 split view

Compact width, regular height

Regular width, regular height
 

1/2 split view

N/A

Compact width, regular height
 

1/3 split view

Compact width, regular height

Compact width, regular height

7.9” iPad mini 4

2/3 split view

Compact width, regular height

Regular width, regular height
 

1/2 split view

N/A

Compact width, regular height
 

1/3 split view

Compact width, regular height

Compact width, regular height

 

對於iPad設備，無論是哪個型號，在縱向和橫向方向上尺寸類別都保持一致。尺寸類別均為“常規寬度，常規高度”。

對於iPhone設備，尺寸類別根據型號和方向而異。在縱向方向上，所有iPhone型號的寬度都是緊湊的，高度都是常規的。然而，在橫向方向上，尺寸類別有所不同。一些iPhone型號在橫向方向上具有緊湊的寬度和緊湊的高度，而其他一些具有常規寬度和緊湊高度。

針對緊湊高度的設備尺寸類別，您可以考慮以下一些特殊處理來優化您的應用程式：

  1. 內容調整： 在緊湊高度的屏幕上，由於可視空間較小，您可能需要調整文本、圖片等內容的大小，以確保其在較小的屏幕上能夠清晰可見且不會顯得擁擠。

  2. 佈局簡化： 考慮簡化界面佈局，特別是在緊湊高度的情況下，避免使用過多的複雜佈局或大量的內容，以保持界面的簡潔和清晰度。

  3. 隱藏不必要的元素： 根據屏幕空間的限制，您可以考慮根據尺寸類別隱藏一些不必要或次要的界面元素，以確保用戶在緊湊高度的設備上獲得更好的體驗。

  4. 使用滾動視圖： 如果您的應用中包含大量內容，可以考慮將部分內容放置在滾動視圖中，以便用戶可以在有限的空間內滾動查看更多內容。

  5. 測試和調整： 最重要的是，確保在緊湊高度的設備上進行充分的測試，並根據測試結果對界面佈局和元素大小進行調整，以確保用戶體驗良好。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • WPF界面魔法：探秘Template奇妙世界，個性化定製你的UI
    概述：WPF中的Template機製為界面定製提供了強大工具，包括控制項模板、ItemsPresenter、ItemsPanel、和ItemContainerStyle。通過這些功能，開發者能精確定義控制項外觀和佈局，個性化每個項的樣式，實現靈活而美觀的用戶界面。 WPF中各種Template功能用途： ...
  • 13.畫刷（Brush）
    在進行WPF界面設計時，我們需要在很多地方設置顏色屬性，比如元素的背景色、前景色以及邊框的顏色，還有形狀的內部填充和筆畫，這些顏色的設置在WPF中都以畫刷（Brush）的形式實現。比如最常用的畫刷就是SolidColorBrush，它表示一種純色。 public abstract class Bru ...
  • 使用C# asp.net core 同步資料庫
    代碼片段： 文末附鏈接。 using DataSync.Core; using Furion.Logging.Extensions; using Microsoft.Data.SqlClient; using Microsoft.Extensions.Logging; using System.Da ...
  • 【OpenVINO™】在 Windows 上使用 OpenVINO™ C# API 部署 Yolov8-obb 實現任意方向的目標檢測
    Ultralytics YOLOv8 基於深度學習和電腦視覺領域的尖端技術，在速度和準確性方面具有無與倫比的性能。其流線型設計使其適用於各種應用，並可輕鬆適應從邊緣設備到雲 API 等不同硬體平臺。YOLOv8 OBB 模型是YOLOv8系列模型最新推出的任意方向的目標檢測模型，可以檢測任意方向的... ...
  • 12.旋轉、縮放、傾斜、平移Transform
    RotateTransform旋轉 RotateTransform表示旋轉一個對象的角度。首先我們來看一下它的定義 public sealed class RotateTransform : Transform { public static readonly DependencyProperty ...
  • 一個 WPF + MudBlazor 的項目模板(附:多項目模板製作方法)
    最近做了幾個 WPF + MudBlazor 的小東西，每次從頭搭建環境比較繁瑣，然鵝搭建過程還沒啥技術含量，索性就直接做了個模板，方便以後使用。 1. 介紹 一個用來創建 .NET 8 + WPF + MudBlazor 的項目模板 適用於 VS2022 用法：vs插件市場下載 or 自己通過 G ...
  • 通過Demo學WPF—數據綁定（二）
    準備 今天學習的Demo是Data Binding中的Linq： 創建一個空白解決方案，然後添加現有項目，選擇Linq，解決方案如下所示： 查看這個Demo的效果： 開始學習這個Demo xaml部分 查看MainWindow.xaml： <Window x:Class="Linq.MainWind ...
  • 第一次嘗試鴻蒙開發
    我一直有個夢想，就是自己開發App，運行在自己的手機上。但是選什麼語言呢？C#，Java或者其它？ 我想，既然我已經用華為的手機，擁有鴻蒙系統，為什麼不嘗試一下鴻蒙開發呢？說乾就乾，找到官網，一步一步操作。首先是裝好開發環境： 按照官方的文檔操作是不難的，但還是遇到一些小問題，node.js的安裝路 ...
一周排行
    -Advertisement-
    Play Games
  • （開源）都進來！簡單易懂、功能強大的許可權+可視化流程管理系統
    1、預覽地址：http://139.155.137.144:9012 2、qq群:801913255 一、前言 隨著網路的發展，企業對於信息系統數據的保密工作愈發重視，不同身份、角色對於數據的訪問許可權都應該大相徑庭。 列如 1、不同登錄人員對一個數據列表的可見度是不一樣的，如數據列、數據行、數據按鈕 ...
  • 設計模式-C#實現簡單工廠模式
    前言 上一篇文章寫瞭如何使用RabbitMQ做個簡單的發送郵件項目，然後評論也是比較多，也是準備去學習一下如何確保RabbitMQ的消息可靠性，但是由於時間原因，先來說說設計模式中的簡單工廠模式吧！ 在瞭解簡單工廠模式之前，我們要知道C#是一款面向對象的高級程式語言。它有3大特性，封裝、繼承、多態。 ...
  • Nodify學習 一：介紹與使用
    Nodify學習 一：介紹與使用 - 可樂_加冰 - 博客園 (cnblogs.com) Nodify學習 二：添加節點 - 可樂_加冰 - 博客園 (cnblogs.com) 介紹 Nodify是一個WPF基於節點的編輯器控制項，其中包含一系列節點、連接和連接器組件，旨在簡化構建基於節點的工具的過程 ...
  • 使用C#/.NET解析Wiki百科數據實現獲取歷史上的今天
    創建一個webapi項目做測試使用。 創建新控制器，搭建一個基礎框架，包括獲取當天日期、wiki的請求地址等 創建一個Http請求幫助類以及方法，用於獲取指定URL的信息 使用http請求訪問指定url，先運行一下，看看返回的內容。內容如圖右邊所示，實際上是一個Json數據。我們主要解析 大事記 部 ...
  • .NET科普：.NET簡史、.NET Standard以及C#和.NET Framework之間的關係
    最近在不少自媒體上看到有關.NET與C#的資訊與評價，感覺大家對.NET與C#還是不太瞭解，尤其是對2016年6月發佈的跨平臺.NET Core 1.0，更是知之甚少。在考慮一番之後，還是決定寫點東西總結一下，也回顧一下.NET的發展歷史。 首先，你沒看錯，.NET是跨平臺的，可以在Windows、 ...
  • Nodify學習 二：添加節點
    Nodify學習 一：介紹與使用 - 可樂_加冰 - 博客園 (cnblogs.com) Nodify學習 二：添加節點 - 可樂_加冰 - 博客園 (cnblogs.com) 添加節點（nodes） 通過上一篇我們已經創建好了編輯器實例現在我們為編輯器添加一個節點 添加model和viewmode ...
  • 論如何直接用EF Core實現創建更新時間、用戶審計，自動化樂觀併發、軟刪除和樹形查詢（上）
    前言 資料庫併發，數據審計和軟刪除一直是數據持久化方面的經典問題。早些時候，這些工作需要手寫複雜的SQL或者通過存儲過程和觸發器實現。手寫複雜SQL對軟體可維護性構成了相當大的挑戰，隨著SQL字數的變多，用到的嵌套和複雜語法增加，可讀性和可維護性的難度是幾何級暴漲。因此如何在實現功能的同時控制這些S ...
  • C# 使用模式匹配的好處,因為好用所以推薦~
    類型檢查和轉換：當你需要檢查對象是否為特定類型，並且希望在同一時間內將其轉換為那個類型時，模式匹配提供了一種更簡潔的方式來完成這一任務，避免了使用傳統的as和is操作符後還需要進行額外的null檢查。 複雜條件邏輯：在處理複雜的條件邏輯時，特別是涉及到多個條件和類型的情況下，使用模式匹配可以使代碼更 ...
  • 推薦一種批量判斷文件是否存在的快速辦法
    在日常開發中，我們經常需要和文件打交道，特別是桌面開發，有時候就會需要載入大批量的文件，而且可能還會存在部分文件缺失的情況，那麼如何才能快速的判斷文件是否存在呢？如果處理不當的，且文件數量比較多的時候，可能會造成卡頓等情況，進而影響程式的使用體驗。今天就以一個簡單的小例子，簡述兩種不同的判斷文件是否... ...
  • 論如何直接用EF Core實現創建更新時間、用戶審計，自動化樂觀併發、軟刪除和樹形查詢（中）
    前言 資料庫併發，數據審計和軟刪除一直是數據持久化方面的經典問題。早些時候，這些工作需要手寫複雜的SQL或者通過存儲過程和觸發器實現。手寫複雜SQL對軟體可維護性構成了相當大的挑戰，隨著SQL字數的變多，用到的嵌套和複雜語法增加，可讀性和可維護性的難度是幾何級暴漲。因此如何在實現功能的同時控制這些S ...
所有分類