我的螢幕解析度是多少?為什麼數字看起來不對
你的螢幕解析度,是螢幕水平與垂直方向的實體像素數量,寫成寬 × 高,例如 1920 × 1080。系統的顯示設定會顯示這個數字。不過,網頁通常回報的是另一個數值,因為瀏覽器是以 CSS 像素計算,而這個單位會被作業系統與瀏覽器加以縮放。兩個數字可以同時都是正確的。螢幕解析度檢查會同時顯示螢幕尺寸、縮放後的尺寸與視窗大小,讓你知道自己看的是哪一個數字。
螢幕解析度檢查我的螢幕尺寸是多少?免費使用實體像素與 CSS 像素
實體像素是面板上的一個小光點。CSS 像素則是網頁排版使用的單位。一個寬 800 CSS 像素的頁面,在任何面板上大致都會佔據視窗相同的比例,因此瀏覽器會利用裝置像素比,在這兩種單位之間進行換算。
裝置像素比是組成一個 CSS 像素所需的實體像素數量。一般顯示器的比值是 1;許多高解析度螢幕則是 2 或更高,每個 CSS 像素會以 2 × 2 的實體像素區塊來繪製,這也是文字看起來比較清晰的原因。網頁以 CSS 像素讀取的螢幕尺寸,就是實體尺寸除以這個比值。
作業系統縮放
大多數情況下,這個比值來自作業系統的顯示縮放。在 Windows 上,這是顯示設定中的「縮放」選項;在 macOS 上,顯示器的解析度選項會決定介面佔用多少空間。一面 4K 面板有 3840 × 2160 個實體像素。若設為 200% 縮放,介面所佔的空間就等同 1920 × 1080,而該螢幕上的瀏覽器會回報 1920 × 1080 個 CSS 像素,比值為 2。
計算方式很簡單:用實體尺寸除以縮放倍率。
| 面板實體像素 | 縮放 | 以 CSS 像素計的螢幕尺寸 | 比值 |
|---|---|---|---|
| 3840 × 2160 | 100% | 3840 × 2160 | 1 |
| 3840 × 2160 | 150% | 2560 × 1440 | 1.5 |
| 3840 × 2160 | 200% | 1920 × 1080 | 2 |
| 1920 × 1080 | 100% | 1920 × 1080 | 1 |
有些縮放值無法整除,瀏覽器會四捨五入。如果結果和你自己算的相差一個像素,這是正常的。
瀏覽器縮放會改變數字
瀏覽器的縮放與顯示縮放是兩個不同的設定。把縮放調到 200%,頁面上所有東西都會放大一倍。瀏覽器會同步調整裝置像素比,因此視窗以 CSS 像素計的寬度會減半,但實體螢幕不變。原本在 100% 時量得寬 1280 CSS 像素的視窗,放大後可能回報 640。
縮放是兩次檢查數字不同的最常見原因。如果數字看起來不對,請先檢查縮放比例,再按 Ctrl+0(Mac 為 Cmd+0)恢復到 100%。
螢幕、可用螢幕與視窗
有三種尺寸很容易混淆。
- 螢幕是整個顯示器,即作業系統回報的尺寸。
- 可用螢幕會扣除系統保留的區域,例如 Windows 的工作列,或 Mac 的 Dock 與選單列。它永遠不會大於螢幕。
- 瀏覽器視窗,也稱為檢視區(viewport),是頁面繪製的區域。它不包括分頁列、網址列與書籤列,而且每次調整視窗大小都會改變。
當網站要求你的螢幕尺寸時,通常指的是螢幕或視窗。複製數字之前,請先確認對方需要哪一個。
更新率、HDR 與色域
更新率是顯示器每秒更新畫面的次數。瀏覽器無法直接讀取這個數值。網頁只能計算約一秒內繪製的動畫影格數量。因此,結果是一種測量值,當分頁位於背景、電腦忙碌,或省電模式限制繪圖時,數字可能會低於螢幕的實際更新率。請把它當作近似值。螢幕更新率測試會執行這項計數並繪製影格時間,而我的螢幕真的是 120 Hz 嗎則說明這個設定在哪裡。
HDR 與色域同樣是透過媒體查詢回報,反映的是瀏覽器偵測到的狀態。這可能與顯示器的完整能力,或系統實際開啟的設定有所不同。請把這些讀數當作參考。
在系統中找到這個數字
要確認系統本身使用的數值,請開啟顯示設定。在 Windows 11 上,前往「設定」、「系統」、「顯示」,並查看「顯示器解析度」。在 macOS 上,開啟「系統設定」並選擇「顯示器」。兩者都會顯示縮放後的解析度與可選的選項。
知道尺寸之後,若是新買的螢幕,下一步可以做純色檢查。壞點測試會以黑、白、紅、綠、藍填滿螢幕,方便你找出卡住或失效的點。
使用 fixmint 的方法
- 開啟螢幕解析度檢查。頂端的「你的螢幕(以 CSS 像素計)」會顯示結果。
- 與「實體像素(估計)」和「裝置像素比」比對。比值大於 1,代表系統或瀏覽器正在縮放畫面。
- 調整瀏覽器視窗大小或縮放比例,觀察「瀏覽器視窗(即時)」的變化。按 Ctrl+0(Mac 為 Cmd+0)恢復到 100%。
- 閱讀「更新率(實測,近似值)」。如果讀數看起來不對,請再按一次「重新測量更新率」。
- 按「全部複製」,把讀數複製下來,再貼到支援表單中。
快速解答
為什麼我的顯示器回報的解析度比實際小?
很可能是縮放設定高於 100%。實體解析度並未改變,網頁只是以 CSS 像素讀取縮放後的尺寸。
瀏覽器縮放會改變我的螢幕解析度嗎?
不會。它改變的是頁面的像素比,以及以 CSS 像素計的視窗大小。把縮放重設即可恢復正常數字。
更新率是精確的嗎?
不是。它是根據約一秒內的動畫影格測量出來的。背景分頁或電腦忙碌時,數字可能會偏低。
借助 AI 協助,由英文原文翻譯而成。
留言
還沒有留言,搶先留言吧。


