螢幕與瀏覽器視窗
邏輯螢幕尺寸表示瀏覽器公開的螢幕座標空間，視窗則是目前頁面可使用的區域。瀏覽器工具列、視窗大小及螢幕介面都會使視窗變小。調整視窗大小並比較兩組數據，可以直接看出差異。
螢幕解析度與視窗資訊
邏輯螢幕—CSS px
畫素比例—DPR
瀏覽器色深—bit
瀏覽器視窗—CSS px
尺寸概覽
解析度對比
HD
1280pxFull HD
1920pxQHD
2560px4K
3840px8K
7680px詳細資訊
瀏覽器中的螢幕訊息
螢幕尺寸、視窗大小和裝置像素比來自瀏覽器 API。結合這些數據，比單看寬高更有參考價值，尤其是在縮放或高像素密度顯示器。
裝置像素比
DPR 表示裝置像素與 CSS 像素的比例。邏輯尺寸乘以 DPR 可作估算，但係統縮放、瀏覽器縮放和顯示器佈局都會影響報告值。請在產品文件或系統設定中確認原生解析度，不要把估算值當作硬體規格。
瀏覽器能力提示
色域和動態範圍媒體查詢反映瀏覽器對目前渲染環境的報告，不能測量色域覆蓋率、峰值亮度或校正後的色準。可在詳細視圖中查看這些提示，再開啟對應圖樣進行目視觀察。
檢查步驟
瀏覽器提供的是邏輯尺寸，乘以DPR的畫素尺寸仍是估算。
檢視欄位旁的資料來源。
調整視窗大小，觀察視口資訊。
與系統顯示設定及面板規格交叉核對。
測試圖樣是觀察輔助。色準、亮度、色域覆蓋率和硬體響應時間等定量指標，需要使用相應儀器與方法。
常見問題
網頁能自動判斷螢幕是否合格嗎？
不能。網頁提供測試圖樣和瀏覽器公開資訊，固定異常仍需要你目視觀察，必要時由專業人員進一步檢測。
手機、平板和電視可以使用嗎？
可以開啟適合裝置的圖樣和指南。真正全屏與觸控能力取決於瀏覽器；不支援全屏時可使用頁面內沉浸預覽。
需要安裝軟體或上傳資料嗎？
無需安裝。當前圖樣、計算與頁面操作在瀏覽器本地完成；主題偏好僅儲存在本機。
發現異常之後應該怎麼辦？
先排除灰塵、反光和顯示設定的影響。保持相同條件重複觀察，用相機記錄固定異常，並參考裝置的售後標準。