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
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類