螢幕與視窗資訊
除非另有註明，尺寸皆為CSS像素，也就是網頁使用的單位。請將瀏覽器縮放調回100%（Ctrl+0，Mac上為⌘0），數字才會準確。
- 螢幕解析度
- 檢查中… 網站看到的螢幕尺寸。
- 實際解析度
- 檢查中…螢幕解析度 × 裝置像素比，也就是面板上的真實像素。
- 可視區域（瀏覽器視窗）
- 檢查中… 你能看到的網頁區域，不含工具列。
- 整個瀏覽器視窗
- 檢查中…
- 可用螢幕範圍
- 檢查中…螢幕扣掉工作列、Dock或選單列後的範圍。
- 裝置像素比
- 檢查中…
- 長寬比
- 檢查中…
- 方向
- 檢查中…
- 色彩深度
- 檢查中…
- 色域
- 檢查中…
- HDR
- 檢查中…
- 更新率
- 檢查中…
- 觸控螢幕
- 檢查中…
- 顯示器
- 檢查中…
可視區域在螢幕上的位置
外框是你的螢幕，陰影框是本頁可見的區域，也就是瀏覽器視窗所在的位置。
常見螢幕解析度
顯示器和筆電以實際像素表示；手機和平板以CSS像素表示，也就是網站看到的尺寸。與你的螢幕相符的列會加上標記。
| 名稱 | 解析度 | 長寬比 | 常見用途 |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | HD電視、小尺寸筆電 |
| WXGA | 1366 × 768 | 16:9 | 入門筆電 |
| HD+ | 1600 × 900 | 16:9 | 17吋筆電、舊型顯示器 |
| Full HD (1080p) | 1920 × 1080 | 16:9 | 大多數顯示器和筆電 |
| WUXGA | 1920 × 1200 | 16:10 | 辦公顯示器、筆電 |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | 27吋顯示器、電競 |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air與Pro、16:10筆電 |
| UWQHD | 3440 × 1440 | 21:9 | 34吋超寬螢幕 |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | 4K顯示器與電視 |
| 5K | 5120 × 2880 | 16:9 | iMac、Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone（CSS像素） |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone（CSS像素） |
| Android | 412 × 915 | 20:9 | Android手機（CSS像素） |
| iPad | 810 × 1080 | 4:3 | iPad（CSS像素） |
什麼是螢幕解析度
螢幕解析度（香港常稱解像度）是螢幕橫向和縱向顯示的像素數，寫成「寬 × 高」。Full HD顯示器是1920 × 1080：橫向1,920個像素、縱向1,080個，總共約200萬個像素。
同樣大小的螢幕，像素越多，文字和圖片越清晰。所以一台13吋筆電的解析度可能比24吋的辦公顯示器還高。
為什麼測出的解析度比顯示器規格低
Windows、macOS、iOS和Android會把畫面整體放大，讓高解析度螢幕上的文字不會太小。一台1920 × 1080面板的筆電開125%縮放時，告訴網站的螢幕尺寸是1536 × 864；2560 × 1600面板的MacBook則通常回報1440 × 900或1470 × 956。
網站只看得到這種縮放後的尺寸，稱為CSS像素。乘上裝置像素比就是實際解析度，本頁會直接顯示在大數字下方。瀏覽器縮放也會改變像素比，所以比較之前請先把縮放調回100%。
螢幕解析度、可視區域和視窗大小的差別
- 螢幕解析度：整個螢幕，包括被其他視窗擋住的部分。
- 可用螢幕範圍：螢幕扣掉工作列、Dock或選單列後的範圍。
- 瀏覽器視窗：整個視窗，包括分頁、網址列和邊框。
- 可視區域（Viewport）：視窗中顯示網頁的部分。網頁設計師測試響應式版面時看的就是這個尺寸，調整視窗大小或開啟開發人員工具時它會改變。
如何變更螢幕解析度
- Windows 11和10：在桌面按右鍵 > 顯示設定 > 顯示器解析度。標示「(建議)」的就是顯示器的原生解析度，縮放比例的設定就在它上方。
- macOS：Apple選單 > 系統設定 > 顯示器，再選擇一個尺寸。文字選得越大，CSS像素就越少、每個像素越大；面板的實際解析度不會改變。
- iPhone和Android：解析度是固定的。「顯示器縮放」（iPhone）或「顯示大小」（Android）改變的是畫面元素的大小，也就是網站看到的CSS尺寸。
- 想要畫面最清晰，請維持原生解析度，改調縮放比例即可。
常見問題
我的螢幕解析度是多少？
就顯示在本頁最上方，由你的瀏覽器直接讀取。大數字是網站看到的尺寸，下面一行則是顯示器的實際解析度和系統使用的縮放比例。
顯示器是1920 × 1080，為什麼測出來是1536 × 864？
因為系統設定了125%縮放，網站看到的螢幕縮小為原本的1/1.25。實際解析度仍是1920 × 1080，顯示在大數字下方。同理，150%縮放會讓1920 × 1080變成1280 × 720。
1920 × 1080就是1080p和2K嗎？
1920 × 1080是Full HD（全高畫質），也叫1080p。顯示器所說的2K通常指2560 × 1440（QHD、1440p），電影業的2K則是2048 × 1080。4K UHD是3840 × 2160，像素是1080p的4倍。
可視區域（Viewport）大小是什麼？
可視區域是瀏覽器視窗中顯示網頁的範圍，不含分頁、網址列和捲軸。響應式網站會依它調整版面，設計師問你「瀏覽器尺寸」時，指的就是它。
裝置像素比是什麼？
就是一個CSS像素由多少個實際像素組成。比值為1代表沒有縮放，Retina螢幕的Mac和許多手機通常是2，近期的iPhone則是3。瀏覽器縮放也會改變它。
怎麼查手機的螢幕解析度？
用手機打開本頁即可。手機回報的是CSS像素，例如iPhone 15是393 × 852。乘上像素比（這款iPhone是3）就得到面板的1179 × 2556像素，本頁會自動幫你算好。
更新率準確嗎？
它是根據瀏覽器繪製畫面的頻率測得，所以接近但不完全準確。省電模式、背景分頁或電腦忙碌時，測出的數值可能低於螢幕的設定值。
相關教學
- IP位址是什麼？
IP位址就是網際網路用來決定「資料要送給誰」的那組數字。以下說明它的樣子、有哪些種類，以及你的IP會透露哪些資訊。
- 如何查詢自己的IP位址
公用IP點一下就查得到，私有IP的查法則依裝置而不同。以下依裝置逐一列出步驟。
- IPv4和IPv6有什麼差別？
IPv4位址已經用完，所以才有了IPv6。以下比較兩者的差異、教你判斷自己用的是哪一種，並說明使用VPN時為什麼要注意IPv6。
- DNS洩漏是什麼？該如何修正？
就算開著VPN，你的裝置可能仍在向網路業者查詢你造訪的每個網站，這就是DNS洩漏。以下教你如何發現並阻止它。