螢幕解析度查詢

立即顯示螢幕解析度、瀏覽器視窗大小、像素比(DPR)與實際物理像素,調整視窗大小時即時更新。

你的螢幕解析度
—
—瀏覽器視窗
—可用區域
—像素比(DPR)
—實際物理像素
—色彩深度
—螢幕方向

調整視窗大小或旋轉螢幕時,數值會立即更新。

詳細資訊

什麼是螢幕解析度查詢?

螢幕解析度查詢工具會顯示你目前所用裝置的螢幕解析度、瀏覽器視窗大小與像素比(DPR)。製作網站時設定 RWD 斷點、確認新螢幕是否以原生解析度顯示,或挑選桌布尺寸時都很實用。

瀏覽器回報的解析度是已套用作業系統縮放比例的 CSS 像素。實際面板解析度請看乘上 DPR 後的物理像素。

使用方法

  1. 開啟頁面後,最上方會立即顯示螢幕解析度。
  2. 在下方欄位查看瀏覽器視窗大小、像素比與實際物理像素。
  3. 調整視窗大小或把手機轉成橫向,數值會即時改變。
  4. 按複製全部資訊可將所有數值複製成文字,貼到客服詢問或錯誤回報中。

解析度、視窗大小與 DPR 的差別

項目意義
螢幕解析度套用作業系統縮放後的整個螢幕大小(CSS 像素)
可用區域扣除工作列、Dock、選單列後的大小
瀏覽器視窗網頁實際顯示的區域(RWD 斷點的依據)
DPR每 1 個 CSS 像素對應的物理像素數
物理像素解析度 × DPR,接近面板實際的像素數

例如 4K(3840×2160)螢幕在 Windows 設定 150% 縮放時,解析度會顯示為 2560×1440、DPR 為 1.5,物理像素則是 3840×2160。

常見解析度

名稱解析度長寬比
Full HD(1080p)1920 × 108016:9
2K QHD(1440p)2560 × 144016:9
4K UHD3840 × 216016:9
WUXGA1920 × 120016:10
超寬螢幕 UWQHD3440 × 144021:9

常見問題

我的是 4K 螢幕,為什麼解析度顯示比較小?

因為套用了作業系統的縮放(Windows 顯示縮放、macOS 解析度設定)。瀏覽器回報的是除以縮放比例後的 CSS 像素,請參考乘上 DPR 的物理像素。

瀏覽器放大縮小會改變數值嗎?

會。用 Ctrl(⌘)+滾輪或 +/− 縮放頁面時,DPR 與視窗大小(CSS 像素)都會跟著改變。要看準確數值請把縮放比例調回 100%。

手機解析度比規格表上的小。

手機的 DPR 通常是 2~3 倍,所以 CSS 像素看起來較小。例如 1179×2556 的螢幕在 DPR 3 時會顯示為 393×852。請確認物理像素是否與規格相近。

查詢的資訊會被儲存或傳送嗎?

不會。所有數值都由瀏覽器直接從裝置讀取並顯示,不會傳送到任何地方。