螢幕解析度檢測器

你的螢幕解析度顯示在上方工具卡片的最上方 — 例如 1920 × 1080。這是以 CSS 像素為單位的螢幕尺寸，也是瀏覽器用於版面的邏輯單位。下方還會列出推估的實體解析度，已把顯示縮放納入計算。如果兩個數字不同，代表你的螢幕啟用了縮放 — 這在高解析度面板上很正常，也是建議做法。想看到數值即時變化，請調整瀏覽器視窗大小或把視窗移到另一台螢幕。

現代高解析度螢幕會用縮放讓文字與圖示維持在舒適大小。150% 縮放的 4K 螢幕會回報 2560 × 1440 CSS 像素，即使面板實際渲染 3840 × 2160。瀏覽器的 screen.width 與 screen.height 一律使用 CSS 像素，所以回報的是縮放後的邏輯解析度。把它乘以裝置像素比就得到實體解析度，而本頁的實體解析度推估正是替你完成這個計算。

裝置像素比是瀏覽器繪製一個 CSS 像素所用的實體像素數量。DPR 為 1 表示一個 CSS 像素等於一個實體像素。DPR 為 2（在 Retina 與現代筆電上很常見）表示每個 CSS 像素由 2 × 2 的實體像素區塊繪製，內容因此更銳利。DPR 也會隨縮放改變：瀏覽器縮放到 125% 時，回報的 DPR 會提高為 1.25 倍，這也是實體解析度推估標示為「約」的原因。

螢幕解析度描述整個顯示器 — 完整的螢幕或手機畫面。檢視區是瀏覽器視窗內網頁可見的部分：不含瀏覽器工具列、介面列、側邊欄與捲軸。瀏覽器最大化時，檢視區略小於螢幕；浮動小視窗時可能小得多。網頁開發者建構響應式版面時用的是檢視區大小（而不是螢幕解析度），所以本頁把兩個數值並排顯示。

實體解析度是把 CSS 解析度乘以裝置像素比，再四捨五入到整數像素而來。有兩個因素讓它成為推估值：瀏覽器縮放會改變回報的 DPR（縮放 110% 時 DPR 2 會回報為 2.2），而部分瀏覽器也會對螢幕尺寸自行取整。當瀏覽器縮放為 100% 時推估值是精確的，因此若需要精準讀數，建議先重設縮放（Ctrl/Cmd + 0）再查看。

可用區域是螢幕中未被常駐作業系統元素佔用的部分，例如 Windows 工作列、macOS Dock 或行動裝置的固定系統列。1920 × 1080 的螢幕在預設 Windows 工作列下，回報的可用高度是 1040 像素以下。應用程式（包括最大化的瀏覽器視窗）都配置在可用區域內，所以計算最大化視窗實際能取得多少空間時，這個數字往往更實用。

開啟本頁並閱讀實體解析度推估 — 在瀏覽器縮放 100% 時，它會與面板的原生解析度相符，因為縮放無法改變硬體渲染的像素數量。你也可以在作業系統中交叉確認：Windows 請到「設定 › 系統 › 顯示器」查看「顯示器解析度」（標示為建議的項目就是原生解析度）；macOS 請開啟「系統設定 › 顯示器」 — 「顯示器的預設值」通常會採用原生解析度並加上縮放以維持銳利度。

可以。本工具只使用標準瀏覽器介面，因此在 Android 與 iOS 瀏覽器上都能運作，不限於桌面。在行動裝置上，回報的螢幕解析度通常是裝置的邏輯（CSS）解析度 — 例如許多 Android 手機是 393 × 851 — 而實體解析度推估則反映實際面板。旋轉裝置時，你會看到方向、寬高比與兩個邊長即時互換。行動裝置的可用區域不含系統狀態列與導覽列。

是的 — 完全如此。不收費、不需註冊、不需下載，也沒有使用次數限制。所有測量都在你的瀏覽器本地進行：頁面讀取你的螢幕、視窗與顯示設定，然後顯示在畫面上。不會把任何螢幕資料、裝置指紋或使用統計傳到伺服器，關閉分頁後也不會保存任何內容。頁面載入後甚至可以離線使用。

卡片本來就會即時更新。調整視窗大小會改變檢視區；縮放會改變裝置像素比，連帶影響實體推估；旋轉手機會交換寬度與高度；把視窗移到第二台螢幕則會重新測量它落在的那台螢幕。如果沒有你的操作而數值改變，那就是外部事件造成 — 例如螢幕進入睡眠、筆電接上擴充底座切換輸出，或作業系統為了無障礙需求自動調整縮放。

沒有單一最佳答案，因為合適的解析度取決於面板尺寸與觀看距離。實用參考是：1920 × 1080 仍是最廣泛使用的桌面解析度，2560 × 1440 適合 27 吋以上的螢幕，3840 × 2160 則適合 32 吋以上的顯示器，在這種尺寸下高像素密度才真正派得上用場。在筆電上，高密度面板搭配作業系統縮放，通常比低解析度面板以 100% 顯示更能呈現銳利文字。

解析度計算的是像素數量；尺寸量的是面板對角線的英吋長度。兩者互相獨立：24 吋與 32 吋螢幕都可能是 1920 × 1080，但較小那台的相同像素被塞進更小的面積，看起來會更銳利。這種密度以每英吋像素數表示，而它才真正決定文字看起來多清晰 — 這也是高解析度筆電面板常比更大的低解析度桌上螢幕更好看的原因。