裝置視窗大小

現代智慧手機在小小的螢幕中塞入極高的解析度——然而 6 吋手機與 32 吋螢幕的 CSS 排版寬度可能完全相同。為什麼？因為 CSS 不使用實體像素。

每台裝置有兩種像素尺寸：原生螢幕解析度（實體像素數量）與視窗大小（您的樣式表所對應的邏輯 CSS 像素格）。兩者之間的比值是裝置像素比（DPR）——由作業系統設定的縮放係數。高密度 Retina 及 AMOLED 顯示器的 DPR 為 2×、3× 或更高，一個 CSS 像素對應 4 或 9 個實體像素，使文字和排版清晰銳利而不縮小至極小尺寸。響應式網站的目標是視窗大小（也稱為 device-width），而非原始解析度。以下表格列出數百款手機、平板及筆電的視窗大小、螢幕解析度、像素密度（PPI）及 CSS 像素比：

注意：部分裝置允許使用者更改顯示解析度或螢幕縮放比例，這會改變有效視窗大小。此處列出的數值反映各裝置的預設解析度設定。如需了解視窗與解析度的差異，請點此瀏覽裝置規格。