cv.cm
全部教程

開發與網頁

怎麼查螢幕解析度

遊戲、影片設定或客服表單要你填螢幕解析度,可是你查到的數字對不起來。你會找出實際解析度,了解縮放為什麼會改變它,並看出瀏覽器視窗的大小。任何電腦、平板或手機都適用。

約 3 分鐘閱讀

今天的結果 螢幕的實際像素解析度、顯示縮放比例,以及瀏覽器中網頁區域的大小。

瀏覽器縮放也會改變像素比。先按 Ctrl + 0(Mac 是 Cmd + 0)把縮放重設為 100%。

打開螢幕解析度
目錄
  1. 重設瀏覽器縮放

    放大或縮小網頁會改變瀏覽器回報的數值。按 Ctrl + 0,Mac 按 Cmd + 0,讓縮放回到 100%。手機上用兩指縮回正常大小。

  2. 開啟 cv.cm 的螢幕解析度

    大數字就是螢幕的實際像素解析度,例如 1920 × 1080。如果有通用名稱,例如 Full HD(1080p)或 4K UHD,會顯示在第一列。

    打開螢幕解析度
  3. 了解 CSS 像素和縮放

    Windows 設為 125% 和 Retina 螢幕會用更多實際像素來畫一個 CSS 像素,讓文字變大。「裝置像素比(縮放)」說明是幾個:1920 × 1080 的螢幕在 125% 下顯示為 1536 × 864 CSS 像素,像素比 1.25。

    125% 縮放時,1920 × 1080 實際像素會回報為 1536 × 864 CSS 像素。
    125% 縮放時,1920 × 1080 實際像素會回報為 1536 × 864 CSS 像素。
  4. 查看檢視區

    「瀏覽器檢視區」是視窗中顯示網頁的部分,以 CSS 像素計算。調整視窗大小,它會立刻改變。網頁設計師用這個尺寸做響應式版面。

    螢幕、扣掉工作列後的可用空間,以及瀏覽器中的檢視區。
    螢幕、扣掉工作列後的可用空間,以及瀏覽器中的檢視區。
  5. 查看其他資訊

    「可用螢幕(不含工作列)」扣掉了工作列或 Dock。「長寬比」說明形狀,例如 16:9 或 16:10;「方向」和「色彩深度」補齊其餘資訊。把手機轉向,數值也會跟著變。

  6. 複製資訊給客服

    「複製詳細資訊」會把每一列複製成文字。貼到錯誤回報或客服對話中,對方就能看到和你的瀏覽器完全相同的資訊。

常見問題

Windows 或 Mac 怎麼查螢幕解析度?

Windows 的「設定 → 系統 → 顯示器」顯示的數值和這裡的大數字相同。Mac 的「系統設定 → 顯示器」顯示的是「看起來像」的尺寸,也就是本頁的 CSS 尺寸;大數字是背後的實際像素。

為什麼網站說我的螢幕比實際小?

網站看到的是 CSS 像素。顯示縮放超過 100% 時,CSS 像素比實際像素少。乘以裝置像素比就是實際解析度。

我的手機解析度是多少?

手機的像素比是 2 到 3 或更高,所以回報 390 × 844 CSS 像素、像素比 3 的手機,實際是 1170 × 2532 像素。

檢視區比較大就代表螢幕比較大嗎?

不是。檢視區只是瀏覽器視窗中的網頁區域。視窗沒有全螢幕或工具列佔用空間時,它就比螢幕小。

接兩台螢幕時數值為什麼對不上?

頁面讀取的是瀏覽器視窗所在的那台螢幕。把視窗移到另一台螢幕,數值就會更新。