Windows 8 針對從 10 吋平板到 30 吋桌機、從 1366x768 到 2560x1600、從標準 DPI 到視網膜級高密度螢幕，建立完整的 螢幕適應架構。核心三維度：螢幕尺寸、解析度、像素密度 (DPI)。
最低解析度門檻：1024x768
- Metro 應用最低需求，確保導航、控制、內容完整顯示
- 選擇理由：(1) 支援豐富版面 (2) Web 開發通用基準 (3) 僅 1.2% Win7 用戶低於此解析度
- 800x600 太小，無法承載 Metro 設計語言
完整功能門檻：1366x768
- 支援 Snap 併排多工：主應用 1024px + Snap 應用 320px
- 此解析度為 16:9 寬螢幕主流入門規格
無最高解析度限制
- 越高解析度空間越大，應用不會被截斷
- 30 吋 2560x1600 可完整運行 Metro 應用
- 開發者需自行優化高解析度下的版面美觀度
自適應版面引擎
- 內建排版控制：單一應用程式碼自動適應多種螢幕尺寸/比例/DPI
- 流式版面：螢幕越大顯示越多內容 (如新聞 App 大螢幕多顯示幾則)
- 斷點設計：開發者定義關鍵斷點，系統自動插值縮放
DPI 縮放機制：三級預定縮放
| DPI 類別 | 典型解析度/尺寸 | 縮放比例 | 物理尺寸 |
|---|
| 標準 (100%) | 1366x768 15.6" | 100% | 基準大小 |
| 高清/HD (140%) | 1920x1080 13-15" | 140% | 維持基準物理大小，更銳利 |
| Quad-XGA (180%) | 2560x1440 13-14" / 2048x1536 9.7" | 180% | 維持基準物理大小，極銳利 |
- 位圖模糊問題：傳統 App 使用位圖資源，放大會模糊
- 解決方案：預定縮放比例 (非任意縮放) + 向量圖形/多解析度資源包
- 結果：高 DPI 裝置上文字/圖示物理大小不變，銳度大幅提升
觸控友善與 DPI 的平衡
- 高 DPI 未縮放時，觸控目標過小、間距不足
- 系統縮放後，觸控目標恢復標準物理尺寸 (最小 7x7mm / 建議 9x9mm)
- 開發者可查詢
DisplayProperties.ResolutionScale 調整觸控熱區
開發者測試工具：Visual Studio 模擬器
- 模擬多種螢幕尺寸、解析度、DPI、旋轉、觸控輸入
- 無需實體裝置即可驗證版面斷點、縮放行為、觸控操作
- 支援側載測試真實裝置
給開發者的關鍵建議
- 使用 Grid/StackPanel/VariableSizedWrapGrid 等流式容器
- 提供 100%、140%、180% 三組圖片資源 (命名慣例: .scale-100/.scale-140/.scale-180)
- 文字使用 XAML 內建字體縮放，避免硬編碼像素大小
- 在 1366x768 (Snap)、1920x1080、2560x1440** 三個關鍵解析度實測
- 測試 橫向/直向旋轉 版面重排行為
Windows 8 的螢幕適應架構是為了 「寫一次、到處運行、體驗最佳」 而設計。掌握 DPI 縮放、自適應版面、Snap 多工三大核心，應用才能在百變硬體上保持一致優質體驗。
