螢幕解析度對照表：4K/2K/1080p尺寸、手機筆電規格與PPI計算機
常見螢幕解析度規格代號全解析（FHD、QHD、4K、8K）
在選購電腦螢幕、筆電或電視時，規格表上常印滿各種英文字母縮寫。下表整理市面上最主流的解析度代號、標準長寬像素與像素總量對照：
解析度代號名稱
標準長寬像素 (px)
長寬比例
總像素量 (MP)
等效 1080p 倍數
主要應用領域與設備
HD (720p)
1280 × 720
16:9
約 92 萬
0.44 倍
入門監視器、低階平板、舊款筆電
WXGA
1366 × 768
約 16:9
約 105 萬
0.50 倍
傳統廉價文書筆電、旅館電視
FHD / 1080p
1920 × 1080
16:9
約 207 萬
1.0 倍 (基準)
全網最通用顯示器、辦公文書、電競標準
WUXGA
1920 × 1200
16:10
約 230 萬
1.11 倍
商務高階筆電、工作站、投影機
2K / QHD (1440p)
2560 × 1440
16:9
約 369 萬
1.78 倍
27 吋電競甜品級解析度，細緻且不卡顯卡
QHD+ (16:10)
2560 × 1600
16:10
約 410 萬
1.98 倍
MacBook Air 13″、Dell XPS 系列筆電
UltraWide QHD
3440 × 1440
21:9
約 495 萬
2.39 倍
34 吋曲面超寬帶魚屏、剪輯與股票多工
4K UHD (2160p)
3840 × 2160
16:9
約 829 萬
4.0 倍
高階電視、創作者專業螢幕、PS5/Xbox 主機
5K Retina
5120 × 2880
16:9
約 1475 萬
7.11 倍
Apple Studio Display 27″、iMac 27″
8K UHD (4320p)
7680 × 4320
16:9
約 3318 萬
16.0 倍
旗艦劇院電視、醫療高階影像、航太監控
注意 16:9 與 16:10 的「一吋差」：在筆記型電腦領域，近年各大品牌（如 Apple、ASUS、Lenovo）全面從 16:9 轉向 16:10。因為 16:10 螢幕在高度上多出了約 11% 的垂直空間，在閱讀網頁、寫程式碼或編輯 Word 文件時，能顯著減少滾動滑鼠次數，顯著提升工作效率！
UI/UX 與前端工程師必備：實體像素 vs CSS 邏輯像素與 DPR 換算
在設計行動端網頁與 App 時，如果直接拿 iPhone 規格表上的實體像素（如 2622 × 1206 px）開畫布，做出來的按鈕與文字會變得極為微小。理解以下三者的關係是現代前端設計的核心底層邏輯：
三者換算核心公式：
實體像素 (Physical Pixels) ＝ CSS 邏輯像素 (Viewport / pt) × 裝置像素比 (DPR)
DPR = 1x（標準螢幕）： 傳統電腦螢幕（如 24 吋 1080p），1 個 CSS 像素剛好等於 1 個物理發光點。
DPR = 2x（Retina 視網膜）： 如 MacBook、iPad、一般 Android 手機。長寬各以 2 個物理像素渲染 1 個邏輯像素，四個物理像素組成 1 個邏輯點，文字極度平滑無鋸齒。
DPR = 3x（Super Retina）： 如 iPhone Pro 系列、旗艦 Android 手機。長寬各以 3 個物理像素（共 9 個點）渲染 1 個邏輯點，畫面細膩度達到極限。
現代響應式網頁設計（RWD）主流斷點建議表
在編寫 CSS 媒體查詢（Media Queries）時，業界廣泛採用的主流響應式斷點參考如下：
斷點名稱 (Breakpoint)
CSS 視窗寬度範圍 (Viewport)
代表裝置類型
設計與排版策略建議
xs (超小螢幕)
< 480 px
直向智慧型手機 (iPhone SE, 15, Android)
單欄垂直流排版、抽屜式漢堡選單 (Hamburger)
sm / md (平板/橫屏)
481 px ～ 768 px
大型手機橫向、小平板 (iPad mini)
雙欄網格佈局、字體適度縮放
lg (大型平板/小筆電)
769 px ～ 1024 px
直向 iPad Pro、13 吋超輕薄筆電
展開側邊導航欄、三欄網格排版
xl (標準桌面螢幕)
1025 px ～ 1440 px
14/16吋 MacBook、一般 24 吋顯示器
固定內容最大寬度（如 1200px 居中），避免行長過長
2xl (超寬大型螢幕)
> 1440 px
27吋 2K/4K 螢幕、34吋帶魚屏
保持留白空間，避免圖片與字體因拉伸失真