什麼是螢幕解析度查詢?
螢幕解析度查詢工具會顯示你目前所用裝置的螢幕解析度、瀏覽器視窗大小與像素比(DPR)。製作網站時設定 RWD 斷點、確認新螢幕是否以原生解析度顯示,或挑選桌布尺寸時都很實用。
瀏覽器回報的解析度是已套用作業系統縮放比例的 CSS 像素。實際面板解析度請看乘上 DPR 後的物理像素。
使用方法
- 開啟頁面後,最上方會立即顯示螢幕解析度。
- 在下方欄位查看瀏覽器視窗大小、像素比與實際物理像素。
- 調整視窗大小或把手機轉成橫向,數值會即時改變。
- 按複製全部資訊可將所有數值複製成文字,貼到客服詢問或錯誤回報中。
解析度、視窗大小與 DPR 的差別
| 項目 | 意義 |
|---|---|
| 螢幕解析度 | 套用作業系統縮放後的整個螢幕大小(CSS 像素) |
| 可用區域 | 扣除工作列、Dock、選單列後的大小 |
| 瀏覽器視窗 | 網頁實際顯示的區域(RWD 斷點的依據) |
| DPR | 每 1 個 CSS 像素對應的物理像素數 |
| 物理像素 | 解析度 × DPR,接近面板實際的像素數 |
例如 4K(3840×2160)螢幕在 Windows 設定 150% 縮放時,解析度會顯示為 2560×1440、DPR 為 1.5,物理像素則是 3840×2160。
常見解析度
| 名稱 | 解析度 | 長寬比 |
|---|---|---|
| Full HD(1080p) | 1920 × 1080 | 16:9 |
| 2K QHD(1440p) | 2560 × 1440 | 16:9 |
| 4K UHD | 3840 × 2160 | 16:9 |
| WUXGA | 1920 × 1200 | 16:10 |
| 超寬螢幕 UWQHD | 3440 × 1440 | 21:9 |
常見問題
我的是 4K 螢幕,為什麼解析度顯示比較小?
因為套用了作業系統的縮放(Windows 顯示縮放、macOS 解析度設定)。瀏覽器回報的是除以縮放比例後的 CSS 像素,請參考乘上 DPR 的物理像素。
瀏覽器放大縮小會改變數值嗎?
會。用 Ctrl(⌘)+滾輪或 +/− 縮放頁面時,DPR 與視窗大小(CSS 像素)都會跟著改變。要看準確數值請把縮放比例調回 100%。
手機解析度比規格表上的小。
手機的 DPR 通常是 2~3 倍,所以 CSS 像素看起來較小。例如 1179×2556 的螢幕在 DPR 3 時會顯示為 393×852。請確認物理像素是否與規格相近。
查詢的資訊會被儲存或傳送嗎?
不會。所有數值都由瀏覽器直接從裝置讀取並顯示,不會傳送到任何地方。