我的螢幕解析度是多少
你的螢幕解析度
— × —
CSS 像素（screen.width × screen.height）
调整窗口大小或旋轉裝置時，數值會更新。读取在瀏覽器本機完成。
使用方法
- 開啟頁面 — 您的螢幕解析度以寬度 × 高度顯示在頂部。
- 調整視窗大小或旋轉手機/平板電腦以觀看數值即時更新。
- 點擊複製以儲存錯誤回報或遊戲設定需要的解析度資訊。
常見問题
我的螢幕解析度是多少？
標題顯示 screen.width × screen.height（以 CSS 像素為單位）－作業系統向瀏覽器報告的顯示解析度。例如，全高清顯示器上的解析度為 1920 × 1080。
螢幕解析度和視窗解析度有什麼區別？
螢幕解析度是完整的顯示尺寸。視窗大小只是瀏覽器的內容區域（當工具列和標籤可見時通常較小）。使用我的佈局視窗的視口尺寸。
什麼是物理像素？
物理像素乘以 CSS 像素乘以裝置像素比 (DPR)。 2× DPR 的 1920×1080 螢幕具有 3840×2160 物理像素——對於 Retina 和 HiDPI 顯示器很重要。
為什麼可用區域小於全解析度？
screen.availWidth和availHeight不包括工作列、停靠列和凹口。全解析度行使用完整報告的顯示尺寸。
縮放會改變螢幕解析度嗎？
瀏覽器縮放會影響視窗，有時也會影響 DPR 報告，但 screen.width/height 通常保持不變。作業系統顯示縮放會影響 DPR 和感知清晰度。
是否有資料發送到伺服器？
不會。值是從瀏覽器中的 window.screen 讀取的。沒有上傳任何內容。
介紹
什麼是我的螢幕解析度 在您開啟頁面時顯示顯示器的像素尺寸（寬度 × 高度），並在詳細資料面板中顯示可用區域、實體像素尺寸、裝置像素比率和方向。
螢幕解析度對於遊戲、視訊匯出預設、遠端桌面設定和響應式設計品質檢查都很重要。它與視窗大小不同（瀏覽器鑲邊會佔用空間）。此頁面重點關注作業系統報告的監控維度。
螢幕 vs 視窗 vs 物理
| Measure | API | 典型用途 |
|---|---|---|
| 螢幕解析度 | screen.width×screen.height |
完整顯示尺寸 |
| 可用面積 | screen.availWidth×availHeight |
可用空間減去工作列 |
| 視窗 | window.innerWidth×innerHeight |
CSS 佈局區域 |
| 物理像素 | 螢幕尺寸 ×devicePixelRatio |
視網膜上的銳利資產 |
常見用例
- 遊戲和應用程式設定 — 將遊戲解析度與顯示器報告的尺寸相符。
- 螢幕分享 — 告訴合作者您的顯示尺寸。
- 購買顯示器 — 驗證作業系統在設定後是否能看到預期的解析度。
- 設計交接 — 記錄用於 QA 的測試機器解析度。
最佳實踐
- 偵錯響應式佈局時，將此處的螢幕解析度與what is my viewport size上的視窗大小進行比較。
- 與what is my device pixel ratio配對進行 Retina/HiDPI 資產決策。
- 若要取得完整設備快照，請開啟device info。