螢幕解析度檢測器
即時檢測您的裝置規格、DPI、螢幕解析度與瀏覽器視窗資訊，專為開發者與設計師打造
螢幕解析度
硬體物理像素，固定不變
瀏覽器視窗
CSS 像素，可動態變化
像素比 (DPR)
物理像素與 CSS 像素比例
有效渲染像素
視窗實際使用的物理像素
色彩深度
每個像素的資訊容量
螢幕方向
當前顯示方向
設備類型
根據視窗寬度判斷
📚 什麼是螢幕解析度？
螢幕解析度是指顯示器上像素的總數量，通常以「寬度 x 高度」表示（例如 1920x1080）。 解析度越高，畫面細節越豐富，但也需要更強大的硬體效能支援。
現代設備常見的解析度包括：
• Full HD (1920x1080) - 標準高畫質
• 2K (2560x1440) - 高階顯示器
• 4K (3840x2160) - 超高畫質
• Retina 顯示器 - Apple 的高 DPI 技術
🔍 什麼是 DPR（Device Pixel Ratio）？
DPR（設備像素比）是物理像素與 CSS 像素的比例。 例如 iPhone 的 DPR 為 2 或 3，意味著一個 CSS 像素實際由 2x2 或 3x3 個物理像素組成。
💡 實用場景：
- • 網頁設計師需要確保圖片在高 DPI 螢幕上清晰顯示
- • 前端開發者需要針對不同 DPR 提供不同尺寸的圖片資源
- • UI/UX 設計時需考慮各種螢幕密度的顯示效果
❓ 常見問題 FAQ
這可能是因為作業系統的縮放設定。Windows 的「顯示設定」中有縮放選項（如 125%、150%），這會影響 CSS 像素的計算，但不會改變物理解析度。
這是將瀏覽器視窗大小（CSS 像素）乘以 DPR 得出的結果，代表瀏覽器實際使用多少物理像素來渲染網頁內容。
建議使用響應式設計（Responsive Design），配合 CSS Media Queries，針對不同螢幕尺寸調整版面。同時使用高解析度圖片並配合 srcset 屬性，讓瀏覽器自動選擇適合的圖片版本。
因為手機螢幕較小，為了顯示更清晰的內容，製造商會使用更高的像素密度。例如 iPhone 的 Retina 顯示器，即使螢幕小，像素數量也非常密集。
🛠️ 開發者工具推薦
Chrome DevTools
內建裝置模擬器，可測試各種螢幕尺寸
Responsive Design Mode
Firefox 的響應式設計檢視工具
BrowserStack
在真實裝置上測試網頁顯示效果
Sizzy
同時預覽多種裝置的顯示效果