開發與網頁
怎麼查螢幕解析度
遊戲、影片設定或客服表單要你填螢幕解析度,可是你查到的數字對不起來。你會找出實際解析度,了解縮放為什麼會改變它,並看出瀏覽器視窗的大小。任何電腦、平板或手機都適用。
瀏覽器縮放也會改變像素比。先按 Ctrl + 0(Mac 是 Cmd + 0)把縮放重設為 100%。
打開螢幕解析度目錄
重設瀏覽器縮放
放大或縮小網頁會改變瀏覽器回報的數值。按 Ctrl + 0,Mac 按 Cmd + 0,讓縮放回到 100%。手機上用兩指縮回正常大小。
開啟 cv.cm 的螢幕解析度
大數字就是螢幕的實際像素解析度,例如 1920 × 1080。如果有通用名稱,例如 Full HD(1080p)或 4K UHD,會顯示在第一列。
打開螢幕解析度了解 CSS 像素和縮放
Windows 設為 125% 和 Retina 螢幕會用更多實際像素來畫一個 CSS 像素,讓文字變大。「裝置像素比(縮放)」說明是幾個:1920 × 1080 的螢幕在 125% 下顯示為 1536 × 864 CSS 像素,像素比 1.25。
125% 縮放時,1920 × 1080 實際像素會回報為 1536 × 864 CSS 像素。 查看檢視區
「瀏覽器檢視區」是視窗中顯示網頁的部分,以 CSS 像素計算。調整視窗大小,它會立刻改變。網頁設計師用這個尺寸做響應式版面。
螢幕、扣掉工作列後的可用空間,以及瀏覽器中的檢視區。 查看其他資訊
「可用螢幕(不含工作列)」扣掉了工作列或 Dock。「長寬比」說明形狀,例如 16:9 或 16:10;「方向」和「色彩深度」補齊其餘資訊。把手機轉向,數值也會跟著變。
複製資訊給客服
「複製詳細資訊」會把每一列複製成文字。貼到錯誤回報或客服對話中,對方就能看到和你的瀏覽器完全相同的資訊。
常見問題
Windows 或 Mac 怎麼查螢幕解析度?
Windows 的「設定 → 系統 → 顯示器」顯示的數值和這裡的大數字相同。Mac 的「系統設定 → 顯示器」顯示的是「看起來像」的尺寸,也就是本頁的 CSS 尺寸;大數字是背後的實際像素。
為什麼網站說我的螢幕比實際小?
網站看到的是 CSS 像素。顯示縮放超過 100% 時,CSS 像素比實際像素少。乘以裝置像素比就是實際解析度。
我的手機解析度是多少?
手機的像素比是 2 到 3 或更高,所以回報 390 × 844 CSS 像素、像素比 3 的手機,實際是 1170 × 2532 像素。
檢視區比較大就代表螢幕比較大嗎?
不是。檢視區只是瀏覽器視窗中的網頁區域。視窗沒有全螢幕或工具列佔用空間時,它就比螢幕小。
接兩台螢幕時數值為什麼對不上?
頁面讀取的是瀏覽器視窗所在的那台螢幕。把視窗移到另一台螢幕,數值就會更新。