01

測試多個桌面階段

1280 和 1440px 適合檢查一般手提電腦；1920px 檢查主流桌面；2560px 和 3840px 用來暴露超寬與 4K 問題。不要假設 4K 使用者一定以 3840 CSS px 瀏覽，系統縮放會改變可用 viewport。

02

控制閱讀寬度，而不是填滿所有空間

文章和表單應使用合理 max-width；儀表板可增加欄數，但不要把單行文字拉到整個螢幕。背景和裝飾可以延伸，主要任務則維持清晰層級。

03

檢查高密度資產與圖表

  • 照片提供足夠解析度但避免過大下載
  • 圖示優先使用可靠的向量或多倍像素資產
  • Canvas 圖表考慮 devicePixelRatio
  • 影片及背景設置合理尺寸上限
04

不要忘記 200% 縮放

Windows 顯示縮放與瀏覽器縮放會令高解像度螢幕使用較小的 CSS viewport。測試 100%、125%、150% 和 200% 縮放，比只測一個 4K 畫框更接近真實使用。