檢查 iPad 螢幕解析度最快的方法,是在 Mobile Safari 中開啟瀏覽器內建工具,例如 螢幕解析度檢查工具,它會讀取已標示的 CSS 螢幕寬度、可用區域、目前視窗、整個視窗的尺寸、裝置像素比,以及頁面可顯示並複製的估計裝置像素倍數。iPad 的「設定」App 只會辨識型號,但不會顯示原始像素數,因此即時瀏覽器的讀數就是直接查看 Safari 當下對該面板所公開內容的最直接方式。
工具所顯示的數字,與 Apple 規格表上所標示的解析度並不相同。這些數字來自標準的瀏覽器物件,會受到縮放、方向、多工處理,以及任何 Sidecar 或外接顯示器情境的影響,並且明確標示為 CSS 座標,而非實際的英寸數或保證的原生像素數。將讀數視為 Safari 座標空間的真相,並在倍數計算屬實時將其視為底層緩衝區的有力提示,是正確的框架;但若將其視為面板真正標示解析度的替代品,則不正確。

iPad 設定 App 對解析度顯示了哪些資訊
在執行 iPadOS 18 的現行 iPad 上,「設定」App 在「螢幕顯示與亮度」或「一般」等任何地方,都不會顯示「解析度」欄位。設定實際顯示的內容,是型號名稱(例如「iPad Pro 13 吋 (M4)」),以及在部分型號上會顯示包含晶片與儲存容量的硬體摘要。從型號名稱可以對應到 Apple 公布的規格表,該規格表會以像素列出解析度,並以每英吋像素數列出像素密度;但設定本身並不會在你可以透過點選選單找到的任何地方寫出「2732 × 2048」。
正因為有這個落差,許多讀者才會搜尋「screen resolution on iPad」:最明顯該查看的地方並未顯示該數值。有少數幾個地方能在不使用第三方工具的情況下提供部分資訊。「關於」面板會顯示型號識別碼與 iPadOS 版本。「輔助使用 → 螢幕顯示與文字大小」面板會顯示「降低白點值」、「粗體文字」或「智慧型反相」是否開啟,但不會顯示像素數。Apple 為已識別的 iPad 型號提供的規格頁面,才是標示解析度的權威來源;裝置上回報的所有內容,都是衍生、依情境而異,或經由瀏覽器中介的數字。
為何 Safari 回報的數字與規格表不同
Mobile Safari 透過標準的 Web API 公開座標。對 iPad 而言,screen.width 與 screen.height 描述網頁內容所看到的座標空間,通常以 CSS 像素而非實體面板像素回報。devicePixelRatio 接著會告訴 Safari,在目前檢視狀態下,多少實體像素對應到一個 CSS 像素。在常見的 iPad 型號上,devicePixelRatio 為 2;在配備較高密度 Liquid Retina XDR 或 Ultra Retina XDR 面板的 iPad Pro 型號上,依組態與顯示縮放設定不同,比值可能是 2 或 3。
同一頁面上還會出現其他幾個數值,它們彼此並不能互換。screen.availWidth 與 screen.availHeight 可能會排除系統介面區域。window.innerWidth 與 window.innerHeight 描述 Safari 內部的頁面配置視窗,並會將網址列、分頁標籤列,以及任何閱讀器模式或全螢幕的調整納入計算。window.outerWidth 與 window.outerHeight 描述整個瀏覽器視窗(前提是 Safari 公開這些值);否則頁面會退而使用視窗。每個值都是特定座標環境的快照,單獨來看,都不等於面板所標示的解析度。
在 Mobile Safari 中讀取 iPad 的解析度
- 喚醒 iPad 並解鎖,然後將裝置以你欲測量的方向(直向或橫向)擺放。讀數將會依照 Safari 當下回報的內容顯示。
- 開啟 Safari,直接前往螢幕解析度檢查工具頁面,待其完整載入後再旋轉或捲動。
- 等到頁面上標示的欄位穩定成一組固定數字後,先讀取 CSS 螢幕寬度與高度;這是 Safari 向網頁內容公開的座標空間。
- 接著讀取螢幕欄位下方的可用區域、視窗與整個視窗的值,以便了解 Safari 介面佔用了多少相對於整個螢幕的空間。
- 讀取 devicePixelRatio 以及頁面在同一面板中顯示的估計裝置像素倍數,並將此倍數視為一個標示過的估計值,而非原生面板像素的保證值。
- 注意頁面上的方向標示是顯示 Portrait、Landscape 還是 Square;該標示只會比較兩個回報的 CSS 數字,並非加速度計的讀數。
若某個特定讀數正是你實際所需(例如用於配置響應式設計的 CSS 螢幕寬度,或用於挑選素材尺寸的估計裝置像素值),請在此時立即記下來,而不是在旋轉裝置之後才記,因為旋轉會同時改變多個數值。
螢幕上各個欄位的意義
頁面在顯示數值時附有明確的標籤,讓讀者能將每個數值對應回其來源的瀏覽器物件。欄位、來源及其代表意義之間的對應關係,彙整如下表。
| 欄位 | 瀏覽器來源 | 代表意義 |
|---|---|---|
| 螢幕寬度與高度 | screen.width, screen.height | 向網頁內容公開的 CSS 座標空間,並非面板所標示或原生的像素數。 |
| 可用寬度與高度 | screen.availWidth, screen.availHeight | 排除作業系統介面(例如 iPadOS 狀態列區域或工作切換器覆蓋層)的螢幕區域。 |
| 視窗寬度與高度 | window.innerWidth, window.innerHeight | 頁面可填滿的配置視窗,只要 Safari 介面可見,就會小於螢幕。 |
| 整個視窗的寬度與高度 | window.outerWidth, window.outerHeight | 當 iPadOS 公開正向的外部值時,顯示完整的瀏覽器視窗;若無可用值,則退而採用視窗。 |
| 裝置像素比 | window.devicePixelRatio | 瀏覽器用於將目前檢視的 CSS 像素轉換為底層緩衝區像素的比率。 |
| 估計的裝置像素數 | 計算方式為 round(CSS 螢幕 × 比例) | 刻意標示為估計值,可作為底層緩衝區的提示,但並非原生面板像素的保證。 |
| 方向標示 | 比較回報的 CSS 寬度與高度 | 若高度大於寬度則為 Portrait,若寬度大於高度則為 Landscape,若相等則為 Square;並未讀取加速度計。 |
這些欄位皆可重新整理與重新讀取:旋轉 iPad、將 Safari 切換為全螢幕閱讀器模式、滑動使用 Split View,或連接外接顯示器,都會改變其中至少一個數值。透過旋轉裝置,或點選網址列中的頁面縮放指示器來調整瀏覽器大小,即可重新整理顯示的數字,而無需重新載入頁面。
複製報告並在調整大小後重新測量
同一頁面包含「複製報告」控制項,可將可見的欄位以純文字形式放入剪貼簿。這樣就能擷取 Safari 座標環境的快照,並將其貼入筆記、錯誤報告或傳給設計師的訊息中,而無需擷取螢幕畫面。若要產生一份有用的前後對照紀錄,請連續複製兩次讀數:在變更前一次,變更後一次。
值得透過複製記錄下來的變更,是你真正在乎的任何單一條件的改變。舉例而言,包括將 Safari 的頁面縮放從 100% 調高為較大的值、在直向與橫向之間旋轉 iPad、進入 Safari 的全螢幕閱讀器模式、將頁面與其他 App 並排在 Split View 中、連接 Sidecar 顯示器並將 Safari 視窗拖曳到該顯示器上,以及在輔助使用設定中將 iPadOS 的顯示縮放於「標準」與「較大文字」之間切換。每一次變更都會移動至少一個可見的欄位,而記錄變更前後的精確數值,就是此工具建議用來建立疑難排解報告的方式。
以單一具體的實作為例,當 Safari 回報 CSS 螢幕寬度為 1440、devicePixelRatio 等於 2 時,頁面會將估計的裝置像素倍數計算為 1440 × 2 = 2880,然後四捨五入為 2880。此計算過程會清楚顯示在頁面上,而「複製報告」文字中也會完整包含該數值與其他欄位。
此工具不會儲存任何歷史紀錄。重新載入頁面、切換分頁,或關閉 Safari,先前的數值就會消失。若需要跨工作階段比較數值,請在複製後立即將每份報告貼入筆記或文件中。
將讀數與前後對照檢查搭配使用
僅憑單一次的即時讀數,只能描述某個瞬間的狀態。若要讓它對實際工作有用,請在兩種不同的條件下擷取同一組數值並加以比較。差異本身才是訊號;單獨任何一邊都只是快照。常見的配對包括:同一頁面在直向與橫向下的比較、一般 Safari 與 Safari 全螢幕閱讀器模式的比較,以及僅使用 iPad 螢幕與將同一 Safari 視窗置於透過 Sidecar 連接的外接顯示器上的比較。
當兩份報告在各個欄位上完全相符時,代表你所做的變更並未移動瀏覽器所公開的任何座標。當兩者不同時,請先查看視窗與整個視窗,因為這些是 Safari 控制的層級,接著查看螢幕寬度與高度,最後再查看倍數結果。方向標示會在寬度與高度大小互換時隨之變動,而這一行通常是從瀏覽器的角度確認裝置確實旋轉的最快速健全性檢查。
若需要更廣泛的條件集合與針對桌面瀏覽器的逐步操作說明,在任一瀏覽器中檢查螢幕解析度的相關指南會從不同角度涵蓋相同的欄位;而當 iPad 上的數值不如預期、想要將其重設時,讓螢幕解析度恢復正常的指南則是適合接著閱讀的內容。